/* Shared secondary-page shell. The homepage keeps its richer inline system;
   editorial, FAQ, and policy pages share this compact route back into it. */
.nav .brand { min-width:max-content; }
.nav .brand > a { display:flex; align-items:center; }
.nav .brand .stack > a { color:inherit; text-decoration:none; }
.nav .brand .stack small a { color:var(--muted, #94a3b8); text-decoration:none; }
.nav .brand .stack small a:hover { color:var(--text, #f8fafc); }
.nav-right { margin-left:auto; display:flex; align-items:center; gap:4px; }
.nav-right a { padding:8px 10px; border-radius:8px; white-space:nowrap; }
.nav-right a:hover { background:rgba(245,158,11,.08); }
.nav-right a[aria-current="page"] { color:var(--text, #f8fafc); background:rgba(245,158,11,.12); }
.nav-cta { display:flex; align-items:center; gap:10px; }
.nav-download { color:#1a1206; background:var(--gold, #f59e0b); font-weight:750; padding:9px 14px; border-radius:9px; text-decoration:none; white-space:nowrap; }
.nav-download:hover { background:var(--gold-l, #fdb022); }
.nav-toggle { display:none; align-items:center; justify-content:center; background:none; border:0; color:var(--text, #f8fafc); cursor:pointer; padding:7px; border-radius:8px; }
.nav-toggle svg { width:24px; height:24px; }

@media (max-width:900px) {
  .nav .nav-inner { position:relative; }
  .nav-right { display:none; }
  .nav-toggle { display:inline-flex; }
  .nav.open .nav-right { display:flex; position:absolute; top:64px; left:0; right:0; width:100%;
    flex-direction:column; align-items:stretch; gap:0; padding:8px 24px 12px;
    background:rgba(11,18,32,.98); border-bottom:1px solid var(--border, rgba(148,163,184,.16)); }
  .nav.open .nav-right a { padding:12px 10px; }
}

@media (max-width:520px) {
  .nav .nav-inner { gap:8px; }
  .nav .brand { min-width:0; font-size:15px; }
  .nav .brand img { width:28px; height:28px; }
  .nav-download { padding:8px 10px; font-size:13px; }
}