/* Shared top navigation – used by index.html and quiz.html.
   Self-contained (prefixed .site-nav) so it does not clash with the quiz's own styles. */
/* Page side gap, shared with style.css: 20px up to a 900px screen, growing to 205px at 1900px */
:root{--page-gutter:clamp(20px,calc((100vw - 900px)*.185 + 20px),205px)}
.site-nav{position:sticky;top:0;z-index:50;background:#0d2865;font-family:Inter,"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.site-nav__inner{max-width:1900px;margin:0 auto;height:62px;padding:0 var(--page-gutter);display:flex;align-items:center;justify-content:space-between;position:relative}
.site-nav__logo{display:flex;align-items:center;min-height:44px;padding:0 4px;margin-left:-4px} /* bigger tap area */
.site-nav__logo img{height:38px;width:auto;display:block}
.site-nav__links{display:flex;gap:clamp(20px,2.4vw,34px)}
.site-nav__links a{color:#fff;font-size:clamp(15px,1.11vw,16px);font-weight:600;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.site-nav__links a:hover,.site-nav__links a:focus-visible,.site-nav__links a[aria-current="page"]{color:#fff;border-bottom-color:#d62875;outline:none}
.site-nav__toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}
.site-nav__toggle span{display:block;width:20px;height:2px;background:#fff;margin:4px 0;transition:transform .2s,opacity .2s}
@media (max-width:900px){
  .site-nav__links a{padding:11px 0} /* finger-sized on tablets */
}
@media (max-width:760px){
  .site-nav__inner{height:60px}
  .site-nav__logo img{height:32px}
  .site-nav__toggle{display:block;padding:12px;margin-right:-4px}
  .site-nav__links{position:absolute;top:60px;left:0;right:0;transform:none;flex-direction:column;gap:0;background:#0d2865;padding:6px 20px 14px;display:none}
  .site-nav__links.is-open{display:flex}
  .site-nav__links a{padding:12px 0;font-size:15px;border-bottom:1px solid rgba(255,255,255,.2)}
  .site-nav__toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .site-nav__toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .site-nav__toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
}