/* Navigation defect correction v0.1.1. No page/body design changes. */
.desktop-nav > .nav-group > button,
.nav-actions > .language-control {
  align-items: center;
  justify-content: center;
  column-gap: 6px;
  white-space: nowrap;
}
.desktop-nav > .nav-group > button { display: inline-flex; }
.site-header .nav-label { display: block; line-height: 1.5; }
.site-header .nav-chevron {
  display: block;
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
/* A transparent hit region covers the original 9px visual gap.
   It belongs to the submenu, so crossing it cannot end the hover. */
.site-header .mega-menu::before,
.site-header .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -12px;
  left: -1px;
  right: -1px;
  height: 12px;
  pointer-events: auto;
}
/* JS uses one disclosure state for pointer, keyboard, click and ARIA.
   Do not let legacy :hover / :focus-within reopen an Escape-closed panel. */
.site-header[data-navigation-ready] .nav-group > .mega-menu,
.site-header[data-navigation-ready] .nav-group > .dropdown-menu { display: none; }
.site-header[data-navigation-ready] .nav-group.menu-open > .mega-menu,
.site-header[data-navigation-ready] .nav-group.menu-open > .dropdown-menu { display: grid; }
.site-header .mega-menu[hidden],
.site-header .dropdown-menu[hidden] { display: none !important; }
.site-header .nav-group > button:focus-visible,
.site-header .mega-menu a:focus-visible,
.site-header .dropdown-menu a:focus-visible {
  outline: 2px solid var(--green-deep);
  outline-offset: 4px;
}
/* Keep mobile links usable in the sticky state and short viewports. */
.site-header .mobile-menu { pointer-events: auto; max-height: calc(100dvh - 96px); overflow-y: auto; overscroll-behavior: contain; }
.site-header .mobile-menu a.mobile-child-link { margin-left: 12px; padding-left: 18px !important; }
/* The preview-only notice is explicit, wraps, and never blocks navigation hits. */
.prototype-toast { max-width: min(620px, calc(100% - 32px)); width: max-content; white-space: normal; border-radius: 14px; pointer-events: none; }
