.nav-disclosure { position:relative; }
.nav-disclosure-toggle {
  display:inline-flex; align-items:center; justify-content:space-between; gap:8px;
  min-height:36px; padding:0; border:0; background:transparent;
  color:var(--ink-soft); font:500 13px/1.4 var(--font-sans); cursor:pointer;
}
.site-header:not(.is-compact) .nav-disclosure-toggle { color:#fff; }
.updates-page .site-header .nav-disclosure-toggle,
.test-page .site-header .nav-disclosure-toggle { color:var(--ink-soft); }
.nav-chevron { width:12px; height:12px; flex:none; transition:transform .18s; }
[aria-expanded="true"] > .nav-chevron { transform:rotate(180deg); }
.site-nav .nav-disclosure-toggle.nav-benchmark { color:#fff; }
.nav-disclosure-toggle:focus-visible,
.nav-popover a:focus-visible { outline:2px solid var(--blue-rich); outline-offset:4px; }
.nav-popover {
  position:absolute; z-index:2; top:calc(100% + 16px); left:-18px; width:344px;
  padding:8px; border:1px solid #e0e3e8; border-radius:14px;
  background:#fff; color:var(--ink); box-shadow:0 16px 48px #1118271c;
}
.nav-popover::before {
  content:""; position:absolute; left:0; right:0; bottom:100%; height:18px;
}
.nav-disclosure--test .nav-popover { left:auto; right:0; width:312px; }
.nav-popover[hidden] { display:none; }
.site-nav .nav-popover a, .mobile-nav .nav-popover a, .hero-actions .nav-popover a {
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:17px 16px; border-radius:8px; color:var(--ink);
  text-align:left; white-space:normal; transform:none;
}
.nav-popover a + a { border-top:1px solid #eef0f3; }
.site-nav .nav-popover a:hover, .mobile-nav .nav-popover a:hover,
.hero-actions .nav-popover a:hover { background:#f3f6fa; color:var(--ink); transform:none; }
.nav-option-copy { display:grid; gap:6px; }
.nav-option-copy small { color:#687386; font:500 10px/1.4 var(--font-sans); letter-spacing:.08em; }
.nav-option-copy strong { font:600 17px/1.35 var(--font-sans); letter-spacing:-.035em; }
.nav-option-copy span { color:#6b7280; font:400 12px/1.6 var(--font-sans); }
.nav-option-arrow { color:#718096; font-size:19px; flex:none; }
.site-header[data-nav-open] { opacity:1; pointer-events:auto; transform:translate3d(0,0,0); }
.hero-test-disclosure { min-width:0; }
.hero-test-disclosure > .button {
  gap:10px; font-family:var(--font-sans); cursor:pointer;
}
.hero-test-disclosure > .button:hover { transform:none; }
.hero-test-disclosure > .button:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.hero-test-disclosure .nav-popover {
  top:auto; bottom:calc(100% + 12px); left:0; right:auto;
  width:min(312px, calc(100vw - var(--page-gutter) * 2));
}
.hero-test-disclosure .nav-popover::before { top:100%; bottom:auto; height:14px; }
.mobile-nav .nav-disclosure-toggle { width:100%; min-height:46px; padding:12px; font-size:15px; font-weight:600; color:var(--ink); }
.mobile-nav .nav-popover {
  position:static; width:auto; padding:0 4px 8px 12px; border:0;
  background:transparent; border-radius:0; box-shadow:none;
}
.mobile-nav .nav-popover a { padding:13px 12px; background:#f5f7fa; }
.mobile-nav .nav-popover::before { display:none; }
.mobile-nav .nav-popover a + a { margin-top:4px; }
.mobile-nav .nav-option-copy strong { font-size:15px; }
.mobile-nav .nav-option-copy span { font-size:12px; }
@media(max-width:900px) {
  .mobile-nav { max-height:calc(100dvh - 96px); overflow-y:auto; overscroll-behavior:contain; }
}
@media(max-width:600px) {
  .hero-test-disclosure > .button { width:100%; padding:0 12px; gap:6px; }
}
@media(prefers-reduced-motion:reduce) { .nav-chevron { transition:none; } }