/* FNS shared site navigation — one pattern for index / corpus / benchmarks.
   Desktop: brand + 4 primary links + "More" dropdown + language. <=900px: hamburger panel. */
.site-nav{position:sticky;top:0;z-index:1000;background:rgba(6,8,14,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--card-border,rgba(45,60,95,.45));font-family:inherit}
.site-nav__bar{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:8px 20px;min-height:60px}
.site-nav__brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:1rem;text-decoration:none;white-space:nowrap;flex:0 0 auto;min-height:44px}
.site-nav__brand:hover{text-decoration:none;color:#fff}
.site-nav__brand img{width:28px;height:28px;flex:0 0 auto}
.site-nav__tag{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid rgba(16,185,129,.4);color:#10b981}
.site-nav__short{display:none}
.site-nav__menu{display:flex;align-items:center;gap:2px;margin-left:auto}
.site-nav__link,.site-nav__dd-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--text-muted,#8fa3c7);font:600 .92rem/1 inherit;font-family:inherit;text-decoration:none;cursor:pointer;white-space:nowrap}
.site-nav__link:hover,.site-nav__dd-btn:hover,.site-nav__dd-btn[aria-expanded=true]{color:#fff;background:rgba(255,255,255,.07);text-decoration:none}
.site-nav__link[aria-current=page]{color:var(--cyan,#38bdf8);box-shadow:inset 0 -2px 0 var(--cyan,#38bdf8);border-radius:8px 8px 0 0}
.site-nav a:focus-visible,.site-nav button:focus-visible{outline:2px solid var(--cyan,#38bdf8);outline-offset:2px}
.site-nav__dd{position:relative}
.site-nav__caret{width:12px;height:12px;transition:transform .2s}
.site-nav__dd-btn[aria-expanded=true] .site-nav__caret{transform:rotate(180deg)}
.site-nav__panel{position:absolute;right:0;top:calc(100% + 8px);min-width:300px;padding:8px;background:#0b101c;border:1px solid var(--card-border,rgba(45,60,95,.6));border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.site-nav__panel[hidden]{display:none}
.site-nav__item{display:block;padding:10px 12px;border-radius:10px;color:#e2e8f0;text-decoration:none;min-height:44px}
.site-nav__item:hover{background:rgba(56,189,248,.1);text-decoration:none;color:#fff}
.site-nav__item b{display:block;font-size:.92rem;font-weight:600}
.site-nav__item small{display:block;margin-top:2px;font-size:.78rem;color:var(--text-muted,#8fa3c7);font-weight:400}
.site-nav__sep{height:1px;margin:6px 8px;background:var(--card-border,rgba(45,60,95,.6))}
.site-nav__actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.site-nav__btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--card-border,rgba(45,60,95,.6));border-radius:10px;background:rgba(255,255,255,.03);color:#cbd5e1;font:600 .85rem/1 inherit;font-family:inherit;cursor:pointer;white-space:nowrap}
.site-nav__btn:hover{color:#fff;border-color:var(--cyan,#38bdf8);background:rgba(56,189,248,.1)}
.site-nav__toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--card-border,rgba(45,60,95,.6));border-radius:10px;background:rgba(255,255,255,.03);color:#fff;cursor:pointer;padding:0}
.site-nav__toggle svg{width:22px;height:22px}
.site-nav__toggle .x{display:none}
.site-nav[data-open=true] .site-nav__toggle .x{display:block}
.site-nav[data-open=true] .site-nav__toggle .b{display:none}
section[id],header[id],.section-wrap{scroll-margin-top:76px}
@media (max-width:960px){
  .site-nav__bar{padding:6px 12px;gap:8px}
  .site-nav__brand{margin-right:auto}
  .site-nav__toggle{display:inline-flex}
  .site-nav__menu{display:none;position:absolute;left:0;right:0;top:100%;margin:0;flex-direction:column;align-items:stretch;gap:2px;padding:8px 12px 16px;background:#080b13;border-bottom:1px solid var(--card-border,rgba(45,60,95,.6));max-height:calc(100vh - 62px);max-height:calc(100dvh - 62px);overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.5)}
  .site-nav[data-open=true] .site-nav__menu{display:flex}
  .site-nav__link,.site-nav__dd-btn{min-height:48px;padding:0 14px;font-size:1rem;justify-content:flex-start;width:100%}
  .site-nav__link[aria-current=page]{box-shadow:inset 3px 0 0 var(--cyan,#38bdf8);border-radius:8px}
  .site-nav__dd-btn{display:none}
  .site-nav__dd{display:block}
  .site-nav__panel{position:static;display:block!important;min-width:0;padding:6px 0 0;margin-top:6px;background:transparent;border:0;border-top:1px solid var(--card-border,rgba(45,60,95,.6));border-radius:0;box-shadow:none}
  .site-nav__panel::before{content:attr(data-title);display:block;padding:10px 14px 4px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#8fa3c7)}
  .site-nav__item{padding:10px 14px;min-height:48px}
}
@media (max-width:420px){
  .site-nav__full,.site-nav__tag{display:none}
  .site-nav__short{display:inline}
  .site-nav__btn .site-nav__btn-text{display:none}
  .site-nav__btn{padding:0 10px}
}
@media (prefers-reduced-motion:reduce){.site-nav__caret{transition:none}}
/* light theme (benchmarks.html toggles html.light) */
html.light .site-nav{background:rgba(255,255,255,.94);border-bottom-color:#cbd5e1}
html.light .site-nav__brand,html.light .site-nav__brand:hover{color:#0f172a}
html.light .site-nav__link,html.light .site-nav__dd-btn{color:#475569}
html.light .site-nav__link:hover,html.light .site-nav__dd-btn:hover,html.light .site-nav__dd-btn[aria-expanded=true]{color:#0f172a;background:rgba(15,23,42,.06)}
html.light .site-nav__link[aria-current=page]{color:#0284c7;box-shadow:inset 0 -2px 0 #0284c7}
html.light .site-nav__panel{background:#fff;border-color:#cbd5e1;box-shadow:0 18px 50px rgba(15,23,42,.18)}
html.light .site-nav__item{color:#0f172a}
html.light .site-nav__item:hover{background:rgba(2,132,199,.08);color:#0f172a}
html.light .site-nav__item small{color:#475569}
html.light .site-nav__btn,html.light .site-nav__toggle{color:#0f172a;border-color:#cbd5e1;background:#f8fafc}
@media (max-width:960px){html.light .site-nav__menu{background:#fff;border-bottom-color:#cbd5e1}}
@media (max-width:1120px) and (min-width:961px){.site-nav__tag,.site-nav__btn-text#themeLabel{display:none}}