/* ========================================================================== Layout for the shared dark-default mini-header on the "Explore" family: worlds.html, artworks.html, digital-works.html. These pages now also load simple-theme.css (for its light :root tokens, the global body.dark-mode block, and the .mode-toggle pill styling) and start with , so mode-toggle.js adds body.dark-mode on load — same dark look as before, but now toggleable back to light too. Uses its own id (#worlds-nav, not #site-nav) — site.js looks up #site-nav and overwrites it with the full shared light-site menu, which would clobber this custom header if reused. ========================================================================== */ #worlds-nav{ position:fixed; top:0; left:0; right:0; z-index:80; } @media (max-width:980px){ #worlds-nav .nav-links{ display:flex !important; gap:16px; font-size:.8rem; } } @media (max-width:480px){ #worlds-nav .nav-links{ display:none !important; } }