/* Global nav component — values from tokens.css (measured apple.com 2026-10-26 + library decisions). */

.agn-placeholder {
  height: var(--agn-height-desktop);
}

@media (max-width: 833px) {
  .agn-placeholder {
    height: var(--agn-height-mobile);
  }
}

#agn,
.agn {
  --agn-flyout-rate: 0s;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--agn-z-index);
  min-width: var(--agn-min-width);
  height: var(--agn-height-desktop);
  max-height: var(--agn-height-desktop);
  font-family: var(--agn-font-family);
  font-size: var(--agn-bar-font-size);
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 833px) {
  #agn,
  .agn {
    height: var(--agn-height-mobile);
    max-height: none;
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #agn,
  .agn {
    background: var(--agn-bar-background-fallback);
  }
}

@media (min-width: 834px) {
  #agn,
  .agn {
    background: var(--agn-bar-background);
    backdrop-filter: saturate(var(--agn-backdrop-saturate)) blur(var(--agn-backdrop-blur));
    -webkit-backdrop-filter: saturate(var(--agn-backdrop-saturate)) blur(var(--agn-backdrop-blur));
  }
}

#agn.agn--flyout-open,
.agn.agn--flyout-open {
  background: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.agn__content {
  max-width: var(--agn-content-max-width);
  margin: 0 auto;
  padding-inline: max(var(--agn-content-padding-inline), env(safe-area-inset-left))
    max(var(--agn-content-padding-inline), env(safe-area-inset-right));
  position: relative;
  z-index: 2;
}

.agn__bar-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--agn-height-desktop);
  margin: 0 var(--agn-list-margin-inline);
  padding: 0;
  list-style: none;
}

.agn__item {
  position: relative;
}

.agn__link {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  height: var(--agn-height-desktop);
  padding: 0 var(--agn-link-padding-inline);
  color: var(--agn-color-primary);
  text-decoration: none;
  white-space: nowrap;
  font-size: var(--agn-bar-font-size);
  font-weight: var(--agn-bar-font-weight);
  line-height: var(--agn-bar-line-height);
  letter-spacing: var(--agn-bar-letter-spacing);
  transition: color var(--agn-duration-color) var(--agn-ease-standard);
}

.agn__link:focus-visible {
  color: var(--agn-color-primary-hover);
}

@media (hover: hover) and (pointer: fine) {
  .agn__link:hover {
    color: var(--agn-color-primary-hover);
  }
}

.agn__item.agn--flyout-active > .agn__link {
  color: var(--agn-color-primary-hover);
}

.agn__logo img,
.agn__logo svg {
  display: block;
  height: 14px;
  width: auto;
  max-height: 16px;
}

.agn__icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--agn-height-desktop);
  height: var(--agn-height-desktop);
  padding: 0;
  border: 0;
  background: none;
  color: var(--agn-color-primary);
  cursor: pointer;
  text-decoration: none;
  transition: color var(--agn-duration-color) var(--agn-ease-standard),
    opacity var(--agn-duration-color) var(--agn-ease-standard);
}

.agn__icon-btn svg {
  width: var(--agn-utility-icon-size);
  height: var(--agn-height-desktop);
}

.agn__cta-bar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: var(--agn-link-padding-inline);
  padding: var(--agn-bar-cta-padding);
  border-radius: var(--agn-bar-cta-radius);
  border: 0;
  background: var(--accent);
  color: var(--accent-contrast);
  font-size: var(--agn-bar-cta-font-size);
  font-weight: var(--agn-bar-cta-font-weight);
  line-height: var(--agn-bar-line-height);
  letter-spacing: var(--agn-bar-letter-spacing);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.agn__cta-bar:focus-visible {
  color: var(--accent-contrast);
  background: var(--accent-hover, color-mix(in oklch, var(--accent) 88%, black));
}

@media (hover: hover) and (pointer: fine) {
  .agn__cta-bar:hover {
    color: var(--accent-contrast);
    background: var(--accent-hover, color-mix(in oklch, var(--accent) 88%, black));
  }
}

/* Desktop flyout panel */
.agn__flyout {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: var(--agn-height-desktop);
  margin-top: calc(-1 * var(--agn-height-desktop));
  visibility: hidden;
  overflow: hidden;
  background: var(--agn-panel-background);
  z-index: 1;
}

#agn.agn--animating .agn__flyout,
.agn.agn--animating .agn__flyout {
  transition:
    height var(--agn-flyout-rate) var(--agn-ease-standard) var(--agn-flyout-close-delay),
    visibility var(--agn-flyout-rate) step-end var(--agn-flyout-close-delay);
}

.agn__item.agn--flyout-open > .agn__flyout {
  visibility: visible;
  height: var(--agn-flyout-height);
  transition:
    height var(--agn-flyout-rate) var(--agn-ease-standard),
    visibility var(--agn-flyout-rate) step-start;
}

.agn__flyout-inner {
  max-width: var(--agn-content-max-width);
  margin: var(--agn-height-desktop) auto 0;
  padding: var(--agn-flyout-content-padding-top) var(--agn-flyout-content-padding-inline)
    var(--agn-flyout-content-padding-bottom);
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.agn__flyout-group {
  max-width: var(--agn-flyout-group-max-width);
  padding-inline-end: var(--agn-flyout-group-padding-end);
  margin-bottom: -4px;
  box-sizing: border-box;
}

.agn__flyout-group--elevated {
  max-width: var(--agn-flyout-group-elev-max-width);
  padding-inline-end: var(--agn-flyout-group-elev-padding-end);
}

.agn__flyout-heading {
  margin: 0;
  font-size: var(--agn-flyout-heading-size);
  font-weight: var(--agn-flyout-heading-weight);
  line-height: var(--agn-flyout-heading-line-height);
  letter-spacing: var(--agn-flyout-heading-letter-spacing);
  color: var(--agn-color-flyout-heading);
}

.agn__flyout-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.agn__flyout-link {
  display: block;
  color: var(--agn-color-secondary);
  text-decoration: none;
  transition: color var(--agn-duration-color) var(--agn-ease-standard);
  margin-inline: var(--agn-flyout-link-margin-inline);
}

.agn__flyout-link:focus-visible {
  color: var(--agn-color-primary-hover);
}

@media (hover: hover) and (pointer: fine) {
  .agn__flyout-link:hover {
    color: var(--agn-color-primary-hover);
  }
}

.agn__flyout-group:not(.agn__flyout-group--elevated) .agn__flyout-link {
  font-size: var(--agn-flyout-link-size);
  font-weight: var(--agn-flyout-link-weight);
  line-height: var(--agn-flyout-link-line-height);
  letter-spacing: var(--agn-flyout-link-letter-spacing);
  padding: var(--agn-flyout-link-padding);
  margin-bottom: var(--agn-flyout-link-margin-bottom);
}

.agn__flyout-group:not(.agn__flyout-group--elevated) .agn__flyout-list > li:first-child .agn__flyout-link {
  margin-top: var(--agn-flyout-link-margin-top-first);
}

.agn__flyout-group--elevated .agn__flyout-link {
  font-family: var(--agn-font-family-display);
  font-size: var(--agn-flyout-link-elev-size);
  font-weight: var(--agn-flyout-link-elev-weight);
  line-height: var(--agn-flyout-link-elev-line-height);
  letter-spacing: var(--agn-flyout-link-elev-letter-spacing);
  padding: var(--agn-flyout-link-elev-padding);
  margin-bottom: var(--agn-flyout-link-elev-margin-bottom);
}

.agn__flyout-group--elevated .agn__flyout-list > li:first-child .agn__flyout-link {
  margin-top: var(--agn-flyout-link-elev-margin-top-first);
}

.agn__flyout-row {
  opacity: 0;
  transform: translateY(var(--agn-flyout-row-offset-open));
  transition-property: opacity, transform;
  transition-duration: min(
    calc(var(--agn-flyout-row-close-min) + var(--agn-flyout-item-stagger) * calc(var(--agn-total) - var(--agn-n))),
    var(--agn-flyout-row-close-max)
  );
  transition-delay: 0s;
}

.agn__item.agn--flyout-open .agn__flyout-row {
  opacity: 1;
  transform: translateY(0);
  transition-duration: var(--agn-flyout-item-duration);
  transition-delay: calc(var(--agn-gdelay) + var(--agn-n) * var(--agn-flyout-item-stagger) + var(--agn-flyout-item-base-delay));
}

@keyframes agn-scrim-height {
  from {
    height: var(--agn-flyout-prev-height);
  }
  to {
    height: var(--agn-flyout-next-height);
  }
}

@keyframes agn-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.agn__item.agn--flyout-change-prev .agn__flyout,
.agn__item.agn--flyout-change-next .agn__flyout {
  height: var(--agn-flyout-prev-height);
  visibility: visible;
  animation: agn-scrim-height var(--agn-flyout-switch-duration) var(--agn-ease-standard) both;
}

.agn__item.agn--flyout-change-next .agn__flyout {
  transition: none !important;
}

.agn__item.agn--flyout-change-prev .agn__flyout-inner {
  animation: agn-fade-in var(--agn-flyout-switch-duration) var(--agn-ease-standard) both reverse;
}

.agn__item.agn--flyout-change-next .agn__flyout-inner {
  animation: agn-fade-in var(--agn-flyout-switch-duration) var(--agn-ease-standard) both;
}

.agn__item.agn--flyout-change-prev .agn__flyout-row,
.agn__item.agn--flyout-change-next .agn__flyout-row {
  opacity: 1;
  transform: none;
  transition: none;
}

.agn__submenu-trigger {
  position: absolute;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-end: -2px;
}

.agn__submenu-trigger:focus-visible {
  opacity: 1;
  pointer-events: auto;
}

.agn__submenu-trigger[aria-expanded="true"] {
  opacity: 1;
}

.agn__curtain {
  position: fixed;
  inset: 0;
  z-index: var(--agn-z-index-curtain);
  background: var(--agn-curtain-background);
  backdrop-filter: blur(var(--agn-curtain-blur));
  -webkit-backdrop-filter: blur(var(--agn-curtain-blur));
  visibility: hidden;
  opacity: 0;
  transition:
    opacity var(--agn-duration-color) var(--agn-ease-standard) var(--agn-curtain-fade-delay),
    visibility var(--agn-duration-color) step-end var(--agn-curtain-fade-delay);
  border: 0;
  padding: 0;
  cursor: default;
}

#agn.agn--flyout-open ~ .agn__curtain,
.agn.agn--flyout-open ~ .agn__curtain {
  opacity: 1;
  visibility: visible;
  transition:
    opacity var(--agn-duration-color) var(--agn-ease-standard) var(--agn-curtain-fade-delay),
    visibility var(--agn-duration-color) step-start var(--agn-curtain-fade-delay);
}

/* Language picker (desktop utility) */
.agn__lang {
  position: relative;
}

.agn__lang-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: var(--agn-height-desktop);
  padding: 4px 10px;
  border: 1px solid transparent;
  border-radius: var(--agn-bar-cta-radius);
  background: transparent;
  font: inherit;
  color: var(--agn-color-primary);
  cursor: pointer;
  transition:
    color var(--agn-duration-color) var(--agn-ease-standard),
    background var(--agn-duration-color) var(--agn-ease-standard),
    border-color var(--agn-duration-color) var(--agn-ease-standard);
}

.agn__lang-chevron {
  display: inline-flex;
  font-size: 14px;
  line-height: 1;
  transition: transform var(--agn-duration-color) var(--agn-ease-standard);
}

.agn__lang.agn--open .agn__lang-chevron {
  transform: rotate(180deg);
}

@media (hover: hover) and (pointer: fine) {
  .agn__lang-btn:hover {
    background: var(--agn-lang-btn-hover-bg, var(--gray-100, #f5f5f5));
    border-color: var(--agn-lang-btn-hover-border, var(--border, #e8e8ed));
  }
}

.agn__lang-list {
  position: absolute;
  top: 100%;
  inset-inline-end: 0;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  min-width: 12rem;
  background: var(--agn-lang-list-background);
  border: 0;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
  z-index: 3;
}

.agn__lang-list[hidden] {
  display: none;
}

.agn__lang-list a {
  display: block;
  padding: 7px 16px;
  font-size: var(--agn-lang-list-size);
  color: var(--agn-lang-list-color);
  text-decoration: none;
  opacity: 0;
  transform: translateY(var(--agn-lang-list-offset));
  transition:
    color var(--agn-lang-list-motion),
    opacity var(--agn-lang-list-motion),
    transform var(--agn-lang-list-motion);
}

.agn__lang.agn--open .agn__lang-list a {
  opacity: 1;
  transform: translateY(0);
}

.agn__lang-list a:focus-visible {
  color: var(--agn-color-primary-hover);
}

@media (hover: hover) and (pointer: fine) {
  .agn__lang-list a:hover {
    color: var(--agn-color-primary-hover);
  }
}

/* Mobile chrome */
.agn__mobile-bar {
  display: none;
}

@media (max-width: 833px) {
  #agn,
  .agn {
    backdrop-filter: saturate(var(--agn-backdrop-saturate)) blur(var(--agn-backdrop-blur));
    -webkit-backdrop-filter: saturate(var(--agn-backdrop-saturate)) blur(var(--agn-backdrop-blur));
  }

  .agn__content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: var(--agn-height-mobile);
    padding-inline: 0;
    background: var(--agn-bar-background);
    overflow: hidden;
    transition: background var(--agn-flyout-rate) var(--agn-ease-standard)
      var(--agn-mobile-menu-close-delay);
  }

  #agn.agn--animating .agn__content,
  .agn.agn--animating .agn__content {
    transition:
      height var(--agn-flyout-rate) var(--agn-ease-standard) var(--agn-mobile-menu-close-delay),
      background var(--agn-flyout-rate) var(--agn-ease-standard) var(--agn-mobile-menu-close-delay);
  }

  #agn.agn--menu-open .agn__content,
  .agn.agn--menu-open .agn__content {
    height: 100dvh;
    background: var(--agn-panel-background);
    overflow-x: hidden;
    overflow-y: auto;
    transition-delay: 0ms;
  }

  #agn.agn--menu-open.agn--animating .agn__content,
  .agn.agn--menu-open.agn--animating .agn__content {
    transition:
      height var(--agn-flyout-rate) var(--agn-ease-standard) 0ms,
      background var(--agn-flyout-rate) var(--agn-ease-standard) 0ms;
  }

  #agn.agn--menu-open,
  .agn.agn--menu-open {
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .agn__desktop-only {
    display: none !important;
  }

  .agn__mobile-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--agn-height-mobile);
    padding-inline-start: var(--agn-mobile-logo-padding-inline);
    padding-inline-end: max(0px, env(safe-area-inset-right));
  }

  .agn__mobile-logo {
    display: flex;
    align-items: center;
    height: var(--agn-height-mobile);
    padding: 0;
    transition:
      opacity var(--agn-mobile-icon-fade) var(--agn-ease-standard),
      visibility var(--agn-mobile-icon-fade) var(--agn-ease-standard);
  }

  .agn__mobile-logo img,
  .agn__mobile-logo svg {
    height: 17px;
    width: auto;
  }

  .agn__mobile-actions {
    display: flex;
    align-items: center;
  }

  .agn__mobile-icon {
    width: var(--agn-mobile-icon-hit);
    height: var(--agn-mobile-icon-hit);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    opacity: var(--agn-burger-opacity);
    transition:
      opacity var(--agn-duration-color) var(--agn-ease-standard),
      visibility var(--agn-mobile-icon-fade) var(--agn-ease-standard);
  }

  .agn__mobile-icon svg {
    width: var(--agn-utility-icon-size);
    height: var(--agn-height-mobile);
  }

  #agn.agn--menu-open .agn__mobile-logo,
  #agn.agn--menu-open .agn__mobile-actions .agn__mobile-icon:not(.agn__menu-trigger),
  .agn.agn--menu-open .agn__mobile-logo,
  .agn.agn--menu-open .agn__mobile-actions .agn__mobile-icon:not(.agn__menu-trigger) {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0ms;
  }

  #agn.agn--menu-closing .agn__mobile-logo,
  #agn.agn--menu-closing .agn__mobile-actions .agn__mobile-icon:not(.agn__menu-trigger),
  .agn.agn--menu-closing .agn__mobile-logo,
  .agn.agn--menu-closing .agn__mobile-actions .agn__mobile-icon:not(.agn__menu-trigger) {
    transition-delay: var(--agn-mobile-icon-return-delay);
  }

  .agn__menu-trigger {
    width: var(--agn-mobile-icon-hit);
    height: var(--agn-mobile-icon-hit);
    border: 0;
    background: none;
    color: #000;
    opacity: var(--agn-burger-opacity);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity var(--agn-duration-color) var(--agn-ease-standard);
  }

  @media (hover: hover) and (pointer: fine) {
    .agn__menu-trigger:hover {
      opacity: var(--agn-burger-opacity-hover);
    }
  }

  .agn__menu-trigger-icon {
    width: var(--agn-burger-size);
    height: var(--agn-burger-size);
    display: block;
  }

  .agn__menu-trigger-bread {
    vector-effect: non-scaling-stroke;
  }

  .agn__mobile-bar {
    position: relative;
    z-index: 3;
  }

  .agn__menu-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding-top: var(--agn-mobile-menu-padding-top);
    padding-bottom: var(--agn-mobile-menu-padding-bottom);
    padding-inline: max(var(--agn-mobile-inset-inline), env(safe-area-inset-left))
      max(var(--agn-mobile-inset-inline), env(safe-area-inset-right));
    z-index: 2;
  }

  .agn__menu-primary {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .agn__menu-primary > li:first-child {
    margin-top: var(--agn-mobile-first-item-margin-top);
  }

  .agn__menu-primary > li {
    margin-bottom: 0;
    height: var(--agn-mobile-row-pitch);
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(var(--agn-mobile-row-offset-open));
    transition:
      opacity var(--agn-mobile-row-duration) var(--agn-ease-standard)
        calc(var(--agn-mobile-row-base-delay) + var(--agn-n) * var(--agn-mobile-row-stagger)),
      transform var(--agn-mobile-row-duration) var(--agn-ease-standard)
        calc(var(--agn-mobile-row-base-delay) + var(--agn-n) * var(--agn-mobile-row-stagger));
  }

  #agn.agn--menu-open .agn__menu-primary > li,
  .agn.agn--menu-open .agn__menu-primary > li {
    opacity: 1;
    transform: translateY(0);
  }

  #agn.agn--menu-closing .agn__menu-primary > li,
  .agn.agn--menu-closing .agn__menu-primary > li {
    transition-delay: 0ms;
    transition-duration: min(
      calc(var(--agn-flyout-row-close-min) + var(--agn-flyout-item-stagger) * calc(var(--agn-total) - var(--agn-n))),
      var(--agn-flyout-row-close-max)
    );
  }

  .agn__menu-link {
    display: block;
    max-width: 100%;
    padding: var(--agn-mobile-link-padding-block);
    margin-bottom: var(--agn-mobile-link-margin-bottom);
    color: var(--agn-color-secondary);
    text-decoration: none;
    font-family: var(--agn-font-family-display);
    font-size: var(--agn-mobile-link-size);
    font-weight: var(--agn-mobile-link-weight);
    line-height: var(--agn-mobile-link-line-height);
    letter-spacing: var(--agn-mobile-link-letter-spacing);
    transition: color var(--agn-duration-color) var(--agn-ease-standard);
  }

  .agn__menu-link-inner {
    display: block;
    padding-block: var(--agn-mobile-link-text-padding-block);
  }

  .agn__menu-link:focus-visible {
    color: var(--agn-color-primary-hover);
  }

  @media (hover: hover) and (pointer: fine) {
    .agn__menu-link:hover {
      color: var(--agn-color-primary-hover);
    }
  }

  .agn__menu-secondary {
    margin-top: var(--agn-mobile-section-gap);
    list-style: none;
    padding: 0;
  }

  .agn__menu-secondary > li {
    opacity: 0;
    transform: translateY(var(--agn-mobile-row-offset-open));
    transition:
      opacity var(--agn-mobile-row-duration) var(--agn-ease-standard)
        calc(var(--agn-mobile-row-base-delay) + var(--agn-n) * var(--agn-mobile-row-stagger)),
      transform var(--agn-mobile-row-duration) var(--agn-ease-standard)
        calc(var(--agn-mobile-row-base-delay) + var(--agn-n) * var(--agn-mobile-row-stagger));
  }

  #agn.agn--menu-open .agn__menu-secondary > li,
  .agn.agn--menu-open .agn__menu-secondary > li {
    opacity: 1;
    transform: translateY(0);
  }

  .agn__menu-secondary-link {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    overflow-wrap: break-word;
    min-height: var(--agn-mobile-secondary-min-height);
    color: var(--agn-color-secondary);
    text-decoration: none;
    font-size: var(--agn-mobile-secondary-size);
    font-weight: var(--agn-mobile-secondary-weight);
    line-height: var(--agn-mobile-secondary-line-height);
    letter-spacing: var(--agn-mobile-secondary-letter-spacing);
    transition: color var(--agn-duration-color) var(--agn-ease-standard);
  }

  .agn__menu-secondary-link svg {
    width: var(--agn-utility-icon-size);
    height: var(--agn-utility-icon-size);
    flex-shrink: 0;
  }

  .agn__menu-cta-wrap {
    margin-top: var(--agn-mobile-section-gap);
    opacity: 0;
    transform: translateY(var(--agn-mobile-row-offset-open));
    transition:
      opacity var(--agn-mobile-row-duration) var(--agn-ease-standard)
        calc(var(--agn-mobile-row-base-delay) + var(--agn-n) * var(--agn-mobile-row-stagger)),
      transform var(--agn-mobile-row-duration) var(--agn-ease-standard)
        calc(var(--agn-mobile-row-base-delay) + var(--agn-n) * var(--agn-mobile-row-stagger));
  }

  #agn.agn--menu-open .agn__menu-cta-wrap,
  .agn.agn--menu-open .agn__menu-cta-wrap {
    opacity: 1;
    transform: translateY(0);
  }

  .agn__cta-mobile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 22px;
    border-radius: 980px;
    border: 0;
    background: var(--accent);
    color: var(--accent-contrast);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.1764805882;
    letter-spacing: -0.022em;
    text-decoration: none;
  }

  .agn__flyout,
  .agn__curtain {
    display: none !important;
  }
}

@media (min-width: 834px) {
  .agn__mobile-only {
    display: none !important;
  }

  .agn__menu-panel {
    display: none;
  }
}

@media (max-width: 640px) {
  .agn__flyout-inner {
    flex-direction: column;
  }

  .agn__flyout-group,
  .agn__flyout-group--elevated {
    max-width: 100%;
    padding-inline-end: 0;
  }
}

/* House rule: zero letter-spacing for Thai + CJK/Myanmar on all nav text */
#agn:is(:lang(th), :lang(zh), :lang(ja), :lang(ko), :lang(my)) *,
.agn:is(:lang(th), :lang(zh), :lang(ja), :lang(ko), :lang(my)) * {
  letter-spacing: 0;
}

/* Focus — keyboard only; taps must not leave a ring on the toggle */
#agn :is(a, button, summary):focus:not(:focus-visible),
.agn :is(a, button, summary):focus:not(:focus-visible) {
  outline: none;
}

#agn :focus-visible,
.agn :focus-visible {
  outline: var(--agn-focus-outline-width) solid var(--focus-ring-color, var(--sk-focus-color, #0071e3));
  outline-offset: var(--agn-focus-outline-offset);
}

html.agn-noscroll,
html.agn-noscroll body {
  overflow: hidden !important;
  position: relative;
  height: 100% !important;
  overscroll-behavior: none;
  margin-top: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
  #agn *,
  #agn *::before,
  #agn *::after,
  .agn *,
  .agn *::before,
  .agn *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
    transform: none !important;
  }

  #agn .agn__flyout-row,
  .agn .agn__flyout-row,
  #agn .agn__menu-primary > li,
  .agn .agn__menu-primary > li,
  #agn .agn__menu-secondary > li,
  .agn .agn__menu-secondary > li,
  #agn .agn__menu-cta-wrap,
  .agn .agn__menu-cta-wrap {
    opacity: 1;
    transform: none;
  }
}