/* desktop >= 961px */

.nav-row {
  flex-wrap: nowrap;
  padding: 0;
}

.nav-dropdown {
  position: absolute; left: 0; top: 100%; z-index: 110;
  display: block;
}
/* One menu at a time: hover OR exclusive .is-open — never sticky focus-within */
.nav-item:hover > .nav-dropdown,
.nav-item.is-open > .nav-dropdown {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
  visibility: visible;
  transition-delay: 0s;
}
.nav-item.has-children:hover > .nav-parent,
.nav-item.is-open > .nav-parent {
  background: transparent;
}
.nav-menu {
  overflow: visible;
  justify-content: center;
}
.nav-item.has-children::after {
  content: "";
  position: absolute; left: 0; right: 0; top: 100%; height: 8px;
}

.nav-cta span { display: inline; }

.home-hero-cards {
  gap: 1.25rem;
  align-items: stretch;
}
.home-hero-card {
  min-height: 9.5rem;
  height: auto;
  aspect-ratio: auto;
}

.nav-shell .container.nav-row { width: 100%; max-width: none; padding-inline: 0; margin-inline: 0; }
.utility-mid { flex-wrap: nowrap; }

/* Home hero header — DSBA overlay scale (transparent utility, inset soft-square nav) */
body.page-home .site-header--hero .header-utility-row {
  min-height: 4.25rem;
  padding: 1rem 0;
  gap: 1.15rem 2.25rem;
}
body.page-home .site-header--hero .utility-brand {
  gap: .85rem;
  max-width: min(32rem, 46vw);
}
body.page-home .site-header--hero .utility-brand-logo {
  width: 4.25rem;
  height: 4.25rem;
}
body.page-home .site-header--hero .utility-brand-text {
  font-family: Manrope, var(--font);
  font-size: clamp(0.8125rem, calc(0.95vw * var(--fz, 1)), 1rem);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -.01em;
}
body.page-home .site-header--hero .utility-mid {
  /* DSBA: wide air between quick / mail / phone blocks */
  gap: .75rem 3.25rem;
}
body.page-home .site-header--hero .utility-tools {
  /* DSBA: wide air between a11y | social | lang blocks */
  gap: .75rem 2.85rem;
}
body.page-home .site-header--hero .utility-a11y {
  gap: .35rem;
}
body.page-home .site-header--hero .utility-social {
  gap: .75rem;
}
body.page-home .site-header--hero .header-utility .ui-ico--16,
body.page-home .site-header--hero .header-utility .ui-ico--18,
body.page-home .site-header--hero .header-utility .ui-ico--20,
body.page-home .site-header--hero .header-utility .ui-ico--22,
body.page-home .site-header--hero .header-utility .ui-ico--24,
body.page-home .site-header--hero .header-utility .ui-ico--white-img {
  width: 26px;
  height: 26px;
}
body.page-home .site-header--hero .utility-a11y .ui-ico,
body.page-home .site-header--hero .utility-social .ui-ico {
  width: 26px;
  height: 26px;
}
body.page-home .site-header--hero .utility-link .ui-ico {
  width: 24px;
  height: 24px;
}
body.page-home .site-header--hero .utility-dd-btn .ui-ico--10,
body.page-home .site-header--hero .lang-dd--utility .ui-ico--10 {
  width: 12px;
  height: 12px;
}
body.page-home .site-header--hero .nav-shell {
  padding: 0 0 .95rem;
}
body.page-home .site-header--hero .nav-row {
  min-height: 4.35rem;
  height: 4.35rem;
}
body.page-home .site-header--hero .site-nav--bar .nav-link,
body.page-home .site-header--hero .site-nav--bar .nav-parent {
  padding-inline: 1.05rem;
  font-size: clamp(1rem, calc(1.05vw * var(--fz, 1)), 1.125rem);
  font-weight: 500;
}
body.page-home .site-header--hero .nav-cta {
  padding-inline: 1.4rem;
  font-size: clamp(1rem, calc(1.05vw * var(--fz, 1)), 1.125rem);
}

.news-board {
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, .9fr);
  align-items: stretch;
  gap: 1.5rem;
  height: auto;
  min-height: 0;
}
.news-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 1.15rem;
  height: auto;
  min-height: 0;
  align-self: stretch;
}
/* Высота списка = высота сетки карточек слева; лишнее - в скролл */
.news-side {
  height: 0;
  min-height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: .5rem;
}.news-side-item { gap: 2rem; }
.news-tile {
  /* landscape rectangle - height from aspect, drives board */
  aspect-ratio: 16 / 10;
  height: auto;
  min-height: 0;
  box-shadow: none;
}
.news-tile-title {
  font-size: 1.08rem;
  -webkit-line-clamp: 2;
}
.news-tile-badge {
  font-size: .9rem;
  padding: .48rem 1rem;
  box-shadow: none;
}
.news-tile-meta .news-meta-item {
  font-size: .98rem;
}

.activity-grid { grid-template-columns: repeat(3, 1fr); }
.tri-grid { grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.tri-grid--2 { grid-template-columns: repeat(2, 1fr); }

@media (min-width: 1200px) {
  .partner-link-card { flex-basis: calc((100% - 64px) / 5); }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .partner-link-card { flex-basis: calc((100% - 48px) / 4); }
}

@media (max-width: 1199px) {
  .press-title--editions { width: 100%; }
  .press-head { flex-wrap: wrap; }
  .press-body {
    grid-template-columns: 1fr;
  }
  .press-tile {
    width: 100%;
    height: auto;
    min-height: 0;
  }
  .service-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.footer-col { flex: 1 1 0; width: auto; }
.section-title { font-size: 1.5rem; }

/* Desktop mega-menu: smooth slide — visibility stays until transform finishes on close */
.mobile-nav-panel {
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100dvh;
  min-height: 0;
  box-shadow: none;
  background: var(--white);
  transform: translate3d(0, 100%, 0);
  opacity: 1;
  visibility: hidden;
  pointer-events: none;
  transition:
    transform 0.52s cubic-bezier(0.22, 0.61, 0.36, 1),
    visibility 0s linear 0.52s;
  z-index: 200;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
body.sitemap-open .mobile-nav-panel {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 300;
  /* Show instantly on open; hide only after slide-down on close */
  transition:
    transform 0.52s cubic-bezier(0.22, 0.61, 0.36, 1),
    visibility 0s linear 0s;
}
body.sitemap-open .sitemap-backdrop {
  display: none;
}
/* Hide only chrome rows — NEVER opacity/visibility on .site-header (panel lives inside it) */
.site-header.is-sitemap-open {
  z-index: 290;
  pointer-events: none;
}
body.sitemap-open.page-home .site-header--hero.is-sitemap-open,
.site-header.is-sitemap-open.site-header--hero {
  background: transparent;
  box-shadow: none;
}
/* Keep chrome hidden for whole close slide (is-sitemap-open stays until timeout) */
.site-header.is-sitemap-open .header-utility {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
}
.site-header.is-sitemap-open .nav-shell {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  height: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0;
}
/* Panel must receive clicks even when header has pointer-events:none */
.site-header.is-sitemap-open .mobile-nav-panel {
  pointer-events: auto;
}
body.sitemap-open .site-header.is-sitemap-open .mobile-nav-panel {
  pointer-events: auto;
}
.mobile-nav-panel {
  --mega-inset: clamp(.65rem, 1.1vw, 1rem);
}
.mega-chrome {
  flex-shrink: 0;
  pointer-events: auto;
  background: #fff;
  /* Top bar never rides the slide — always sits at viewport top */
  position: relative;
  z-index: 2;
}
.mega-chrome-inner {
  box-sizing: border-box;
  width: min(100%, var(--header-width));
  margin-inline: auto;
  padding-inline: var(--mega-inset);
  padding-bottom: clamp(.45rem, 0.85vw, .65rem);
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 0.65vw, 12px);
}
.mega-top {
  display: block;
  flex-shrink: 0;
  background: transparent;
  color: var(--blue1);
  border-bottom: 0;
  pointer-events: auto;
}
.mega-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.5rem;
  padding: clamp(.65rem, 0.9vw, .75rem) 0 0;
  min-height: 3.25rem;
}
.mega-top-start { min-width: 0; flex: 0 1 auto; }
.mega-brand {
  display: inline-flex;
  align-items: center;
  gap: .85rem;
  color: var(--blue1);
  min-width: 0;
  max-width: min(36rem, 48vw);
}
.mega-brand:hover { opacity: .92; }
.mega-brand-mark {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  /* DSBA #logo height 70px — mark spans full text block */
  height: 70px;
  width: 70px;
}
.mega-brand-logo {
  width: 70px;
  height: 70px;
  object-fit: contain;
  display: block;
}
.mega-brand-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  font-family: Manrope, var(--font);
  font-size: clamp(0.8125rem, calc(0.95vw * var(--fz, 1)), 1.0625rem);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -.01em;
  text-transform: uppercase;
  color: var(--blue1);
}
.mega-brand-text--single {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mega-brand-line { display: block; }
.mega-top-tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  /* DSBA nav-top-right: ~24px between mail|phone|a11y|social|lang */
  gap: .55rem 1.65rem;
  flex: 1 1 auto;
  min-width: 0;
  font-size: clamp(0.9375rem, calc(1vw * var(--fz, 1)), 1.0625rem);
  font-weight: 500;
}
.mega-tool-link {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: var(--black2);
  white-space: nowrap;
  font-size: inherit;
  transition: color .18s var(--ease);
}
.mega-tool-link:hover { color: var(--blue2); }
.mega-tool-divider {
  width: 1px;
  height: 1.5rem;
  background: var(--line);
  flex-shrink: 0;
}
.mega-a11y {
  display: inline-flex;
  align-items: center;
  /* DSBA accessibility: 8–12px */
  gap: .65rem;
}
.mega-icon-btn {
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--black2);
  cursor: pointer;
  display: inline-grid;
  place-items: center;
}
.mega-icon-btn:hover { background: rgba(15, 58, 110, .06); }
.mega-social {
  display: inline-flex;
  align-items: center;
  /* DSBA socials: 12px — not compressed */
  gap: .75rem;
}
.mega-social a {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  justify-content: center;
  color: var(--black2);
  opacity: .92;
  transition: opacity .18s var(--ease);
}
.mega-social a:hover { opacity: 1; }
.lang-dd--mega .lang-dd-btn--mega {
  border: 0;
  background: transparent;
  color: var(--black2);
  font-size: clamp(0.9375rem, calc(1vw * var(--fz, 1)), 1.0625rem);
  font-weight: 500;
  min-height: auto;
  min-width: auto;
  padding: .2rem .35rem;
  height: auto;
  gap: .4rem;
  box-shadow: none;
}
.lang-dd--mega.is-open .lang-dd-btn--mega {
  background: transparent;
  color: var(--black2);
}
.lang-dd--mega .lang-dd-menu--panel {
  top: calc(100% + 4px);
  border-radius: 14px;
  min-width: 152px;
  padding: .35rem;
  box-shadow: 0 10px 28px rgba(6, 40, 79, .14);
}
.lang-dd--mega .lang-dd-item {
  padding: .55rem .8rem;
  font-size: .88rem;
  color: #1f2937;
  border-radius: 8px;
}
.lang-dd--mega .lang-dd-item:hover,
.lang-dd--mega .lang-dd-item:focus-visible {
  background: #e8edf3;
  color: #1f2937;
}
.lang-dd--mega .lang-dd-item.is-active {
  background: #e8edf3;
  color: #1f2937;
  font-weight: 600;
}
.mobile-nav-top { display: none; }
.mobile-nav-bar {
  flex-shrink: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  pointer-events: auto;
  box-shadow: none;
  overflow: visible;
}
.mobile-nav-bar-inner {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0;
  height: 3.75rem;
  min-height: 3.75rem;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: 0;
  /* Shell = cap color so rounded clip never shows hairline of middle blue */
  background: var(--blue3);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(6, 40, 79, .12);
}
/* Dark middle strip between caps */
.mobile-nav-bar-inner::before {
  content: "";
  flex: 1 1 auto;
  order: 2;
  align-self: stretch;
  min-width: 0;
  background: var(--blue2);
  pointer-events: none;
}
/* Bright blue caps — X left, search+CTA right (DSBA ref) */
.mobile-nav-bar .sitemap-toggle--in-panel {
  flex: 0 0 3.5rem;
  order: 1;
  width: 3.5rem;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #fff;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
.mobile-nav-bar .sitemap-toggle--in-panel:hover {
  background: #2280d4;
}
.mobile-nav-bar .sitemap-toggle--in-panel .ui-ico,
.mobile-nav-bar .sitemap-toggle--in-panel svg {
  width: 22px;
  height: 22px;
}
.mobile-nav-bar-actions {
  flex: 0 0 auto;
  order: 3;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 0;
  height: 100%;
  background: transparent;
  padding-right: 0;
  margin-left: 0;
}
.mobile-nav-bar .nav-action-btn--panel {
  width: 3.5rem;
  min-height: 3.75rem;
  border-radius: 0;
  background: transparent;
}
.mobile-nav-bar .nav-action-btn--panel .ui-ico,
.mobile-nav-bar .nav-action-btn--panel svg {
  width: 22px;
  height: 22px;
}
.mobile-nav-bar .nav-action-btn--panel:hover {
  background: rgba(255, 255, 255, .12);
}
.mobile-nav-cta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: 0 clamp(1rem, 1.4vw, 1.35rem);
  min-height: 3.75rem;
  font-size: clamp(0.9375rem, calc(0.95vw * var(--fz, 1)), 1.0625rem);
  font-weight: 600;
  border-radius: 0;
  margin-left: 0;
  background: transparent;
  transition: background .2s var(--ease);
}
.mobile-nav-cta .ui-ico {
  width: 20px;
  height: 20px;
}
.mobile-nav-cta:hover {
  background: rgba(255, 255, 255, .12);
}
.mobile-nav-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  padding: clamp(1.35rem, 2.4vw, 2.25rem) 0 clamp(1.5rem, 2.5vw, 2.25rem);
  background: var(--white);
  pointer-events: auto;
  transform: none;
  opacity: 1;
  transition: none;
  display: flex;
  flex-direction: column;
}
body.sitemap-open .mobile-nav-body {
  transform: none;
  opacity: 1;
}
.mobile-nav-contacts {
  flex-shrink: 0;
  margin-top: auto;
  padding: clamp(1rem, 1.5vw, 1.35rem) 0 clamp(1.15rem, 1.8vw, 1.5rem);
  background: #fff;
  border-top: 1px solid var(--line);
  pointer-events: auto;
  transform: none;
  opacity: 1;
  transition: none;
}
body.sitemap-open .mobile-nav-contacts {
  transform: none;
  opacity: 1;
}
.mega-menu-inner {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  box-sizing: border-box;
  width: min(100%, var(--header-width));
  max-width: none;
  margin-inline: auto;
  padding-inline: var(--mega-inset);
  /* room so watermark sits in empty bottom-right, not under Mediateka title */
  padding-bottom: clamp(2.5rem, 4vw, 4rem);
}
.mega-menu-watermark {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  top: auto;
  left: auto;
  width: min(36vw, 380px);
  max-width: 42%;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  transform: translate3d(10%, 48%, 0);
  transform-origin: 85% 100%;
  transition:
    transform 0.52s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 0.4s ease;
}
/* Same timing as panel — no delayed second motion at the end */
body.sitemap-open .mega-menu-watermark {
  opacity: 0.06;
  transform: translate3d(6%, 6%, 0);
  transition-delay: 0s, 0s;
}
body:not(.sitemap-open) .mega-menu-watermark {
  transition-delay: 0s, 0s;
  transition-duration: 0.48s, 0.36s;
}
.mega-menu-watermark img {
  width: 100%;
  height: auto;
  display: block;
  filter: brightness(0) saturate(100%) invert(12%) sepia(55%) saturate(2500%) hue-rotate(196deg);
}
.mega-menu-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: start;
  justify-content: start;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  column-gap: clamp(12px, 1.2vw, 20px);
  row-gap: clamp(1.75rem, 2.5vw, 2.5rem);
  margin: 0;
  padding: 0;
}
.mega-menu-col {
  display: flex;
  flex-direction: column;
  gap: clamp(6px, 0.55vw, 10px);
  min-width: 0;
  width: auto;
  text-align: left;
}
.mobile-nav-list { display: none; }
.mega-menu-heading {
  margin: clamp(10px, 0.9vw, 14px) 0 clamp(4px, 0.35vw, 6px);
  font-size: clamp(1.0625rem, calc(1.2vw * var(--fz, 1)), 1.4375rem);
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  color: var(--black1);
  line-height: 1.3;
  opacity: 1;
}
.mega-menu-heading--link {
  display: inline-block;
  transition: color .18s var(--ease);
}
.mega-menu-heading--link:hover {
  color: var(--blue2);
}
.mega-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: clamp(6px, 0.55vw, 10px);
}
.mega-menu-list a {
  display: block;
  font-size: clamp(0.9375rem, calc(1.05vw * var(--fz, 1)), 1.1875rem);
  font-weight: 500;
  letter-spacing: 0;
  color: var(--black1);
  opacity: .6;
  line-height: 1.35;
  transition: color .18s var(--ease), opacity .18s var(--ease);
}
.mega-menu-list a:hover {
  color: var(--blue2);
  opacity: 1;
}
.mobile-nav-contacts-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem 2rem;
  box-sizing: border-box;
  width: min(100%, var(--header-width));
  margin-inline: auto;
  padding-inline: var(--mega-inset);
}
.mobile-nav-contacts .mobile-contact {
  flex: 1 1 220px;
  max-width: none;
}
.mobile-nav-contacts .mobile-contact-text strong {
  color: #3d4654;
  font-size: .8rem;
  font-weight: 700;
}
.mobile-nav-contacts .mobile-contact-text a {
  color: var(--blue2);
  font-size: 1rem;
  font-weight: 700;
}
.mobile-nav-contacts .mobile-contact-text span {
  color: #2f3844;
  font-size: .95rem;
  font-weight: 600;
}
.mobile-contact-ico {
  color: var(--blue4);
  width: 32px;
  height: 32px;
}
.mega-tool-link .ui-ico {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}
.mega-a11y .ui-ico,
.mega-social .ui-ico {
  width: 24px;
  height: 24px;
  color: var(--black2);
}

.article-layout {
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
  align-items: start;
  gap: 1.75rem;
}
.article-side {
  width: auto;
}
.news-page-layout { grid-template-columns: minmax(0, 4fr) minmax(0, 1fr); }
@media (max-width: 1279px) {
  .news-page-layout { grid-template-columns: minmax(0, 1fr); }
  .news-page-layout .article-side { position: static; }
}

/* Desktop search: centered white card, slides up from bottom */
.search-sheet {
  display: grid;
  place-items: center;
  padding: 2rem 1.25rem;
}
.search-sheet-handle {
  display: none;
}
.search-hint {
  display: none;
}
.search-sheet-panel {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  width: min(640px, 100%);
  max-height: min(72vh, 580px);
  border-radius: 12px;
  box-shadow: 0 22px 60px rgba(6, 20, 40, .22);
  /* appear from below / leave downward */
  transform: translate3d(0, 110%, 0);
  opacity: 1;
  transition: transform .48s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.search-sheet.is-open .search-sheet-panel {
  transform: translate3d(0, 0, 0);
}
.search-sheet-head {
  padding: 1.2rem 1.35rem;
  border-bottom: 1px solid var(--line);
  gap: .85rem;
}
.search-close {
  width: 2.85rem;
  height: 2.85rem;
  border-radius: 8px;
  background: var(--blue2);
  color: #fff;
}
.search-close:hover {
  background: var(--blue3);
}
.search-field input {
  font-size: 1.28rem;
}
.search-results {
  padding-bottom: 0;
}
.search-hit {
  grid-template-columns: 3.75rem minmax(0, 1fr);
  column-gap: 1.2rem;
  padding: 1.15rem 1.35rem;
}
.search-hit-day {
  font-size: 2rem;
}
.search-hit-month {
  font-size: .82rem;
}
.search-hit-title {
  font-size: 1.15rem;
}
.search-hit-excerpt {
  font-size: 1rem;
}


@media (min-width: 1280px) {
  .contact-wrapper { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: stretch; }
  .contact-wrapper .appeal-form-grid { flex: 1 1 auto; grid-template-rows: auto auto 1fr; }
  .contact-wrapper .appeal-field--wide textarea.form-control { flex: 1 1 auto; }
  .contact-wrapper .contact-grid { grid-template-columns: minmax(0, 1fr); }
}

/* крупный шрифт (спецвозможности): шапка переносится, а не наезжает */
html[data-a11y-zoom] .header-utility-row { flex-wrap: wrap; }
html[data-a11y-zoom] .utility-brand { max-width: none; }
html[data-a11y-zoom] .utility-mid { justify-content: flex-start; gap: .5rem 1.5rem; }
html[data-a11y-zoom] .nav-row,
html[data-a11y-zoom] .site-nav--bar { height: auto; }
html[data-a11y-zoom] .site-nav--bar :is(.nav-burger, .nav-actions, .nav-cta) { height: auto; min-height: 0; align-self: stretch; }
html[data-a11y-zoom] .nav-menu { flex-wrap: wrap; justify-content: center; height: auto; }
html[data-a11y-zoom] .nav-link,
html[data-a11y-zoom] .nav-parent { white-space: nowrap; padding: .6rem .75rem; }