/* Header behaviour below 1180px for pages that link /css/eyeot-chrome.css directly (404, podcast) instead of
   carrying a design page's inline chrome. Copied verbatim from the design pages' inline block (about-us variant);
   /css/eyeot-chrome.css itself has no mobile rules. Lives outside public/css because scripts/import-pages.mjs
   replaces that folder from the design. */
@media(max-width:1180px){
 .site-nav .nav-inner{padding-left:162px;gap:18px}
 .site-nav .nav-links{gap:20px}
 .site-nav .nav-trigger,.site-nav .nav-login,.site-nav .nav-try{font-size:14px}
 .site-nav .nav-actions{gap:14px}
 .site-nav .mega-inner{gap:42px}
 .site-nav .mega-col+.mega-col{padding-left:42px}
}
@media(max-width:980px){
 .site-nav .nav-inner{padding-left:150px;padding-right:18px}
 .site-nav .nav-toggle{display:grid;place-items:center}
 .site-nav .nav-links{position:fixed;left:0;right:0;top:76px;height:auto;max-height:calc(100vh - 76px);display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 22px 24px;background:#fff;border-top:1px solid #eef5fb;box-shadow:0 18px 40px rgba(9,28,52,.12);overflow:auto}
 .site-nav.mobile-open .nav-links{display:flex}
 .site-nav .nav-item{height:auto;display:block}
 .site-nav .nav-trigger{width:100%;height:auto;padding:17px 0;text-align:left;border-bottom:1px solid #eef5fb}
 .site-nav .nav-trigger:after{display:none}
 .site-nav .mega{position:static;display:none;box-shadow:none;border:0;opacity:1;visibility:visible;transform:none;pointer-events:auto}
 .site-nav .nav-item.open>.mega{display:block}
 .site-nav .mega-inner{grid-template-columns:1fr;gap:26px;padding:24px 4px 30px;max-height:none}
 .site-nav .mega-col+.mega-col{border-left:0;border-top:1px solid #eef5fb;padding-left:0;padding-top:24px}
 .site-nav .nav-login{display:none}
 .site-nav .nav-try{padding:12px 15px}
}