/* Shared site navigation. Relies on the page's color tokens (--bg, --surface, --fg, --muted, --line, --accent). */
.site-nav{background:var(--surface);border-bottom:1px solid var(--line);
  padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:10px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.site-nav .in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.site-nav .brand{font:700 1.45rem/1 "Barlow Condensed","Arial Narrow",Arial,sans-serif;letter-spacing:.02em;
  color:var(--fg);text-decoration:none;display:flex;align-items:center;gap:8px}
.site-nav .brand i{display:inline-block;width:18px;height:18px;border-radius:50%;background:#141711;
  box-shadow:inset 0 0 0 2px #BEF527;position:relative}
.site-nav .brand i::before,.site-nav .brand i::after{content:"";position:absolute;background:#BEF527;left:50%;top:50%;transform:translate(-50%,-50%)}
.site-nav .brand i::before{width:10px;height:1.5px}.site-nav .brand i::after{width:1.5px;height:10px}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 4px}
.site-nav a.l{display:block;padding:6px 10px;border-radius:4px;color:var(--muted);text-decoration:none;
  font:600 .82rem/1.2 "IBM Plex Sans",system-ui,sans-serif;letter-spacing:.02em}
.site-nav a.l:hover{color:var(--fg);background:var(--bg)}
.site-nav a.l[aria-current="page"]{color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent)}
.site-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:560px){.site-nav .in{gap:6px 10px}.site-nav ul{width:100%;margin-left:-7px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.site-nav ul::-webkit-scrollbar{display:none}.site-nav a.l{padding:6px 7px;font-size:.8rem;white-space:nowrap}}
@media print{.site-nav{display:none}}