/* site.css — the theme and the header, shared by every page of the site.
 * The header's markup is MapCore.nav(); only the rules it needs live here, so a
 * link added to the bar changes one file and every page grows it.
 */
:root{
  --bg:#0d0f0e;--card:#171b18;--ink:#e7e2d4;--muted:#9aa093;--line:#2a302a;
  --gold:#c9a15a;--ok:#6faf68;--off:#a85757;--unknown:#8a8577;--nav:52px;--side:320px;
}

/* ---------- nav ---------- */
.nav{height:var(--nav);flex:0 0 auto;display:flex;align-items:center;gap:.75rem;padding:0 .9rem;
  background:#12150f;border-bottom:1px solid var(--line);position:relative;z-index:30}
.brand{font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);
  white-space:nowrap;font-size:.95rem}
.navlinks{margin-left:auto;display:flex;gap:1.1rem;font-size:.88rem;align-items:center;
  overflow-x:auto;scrollbar-width:none}
/* seven links overflow a narrow phone; the bar swipes, but a scrollbar inside a
   52px row eats the links it is there to reveal */
.navlinks::-webkit-scrollbar{display:none}
.navlinks a{color:var(--ink);white-space:nowrap}
.navlinks a:hover{color:var(--gold)}
/* the pages of this site, then a rule, then the links that leave it */
.navlinks .ext{display:flex;gap:1.1rem;padding-left:1.1rem;border-left:1px solid var(--line)}
.navlinks .ext a{color:var(--muted)}
.navlinks .ext a::after{content:"\2197";font-size:.7em;margin-left:.25em;opacity:.7}
.navlinks a.here{color:var(--gold)}
@media (max-width:760px){ .brand{font-size:.8rem} }