.site-navigation{gap:16px;min-width:0}
.site-navigation .nav-switch{display:flex;flex-wrap:wrap;gap:4px;padding:5px;border:1px solid var(--rule);border-radius:14px;background:var(--card);width:100%;order:2}
.site-navigation .nav-switch a{flex:1 0 auto;display:block;padding:10px 6px;border-radius:9px;font:11px/1.5 'DM Mono',monospace;letter-spacing:.02em;text-align:center;white-space:nowrap;text-decoration:none;color:var(--ink);transition:background-color .18s,color .18s,box-shadow .18s}
.site-navigation .nav-switch a:hover{background:var(--bg);color:var(--accent)}
.site-navigation .nav-switch a[aria-current=page]{background:var(--accent);color:var(--bg);box-shadow:0 2px 5px #00000014;text-decoration:none}
.site-navigation .nav-switch a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
header .site-navigation{flex:1;justify-content:flex-end}
header .site-navigation .nav-switch{order:0}
@media(max-width:850px){header .site-navigation{flex-basis:100%}}
@media(max-width:600px){.site-navigation .nav-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.site-navigation .nav-switch a{padding:10px 5px}header .site-navigation{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.site-navigation .nav-switch a{transition:none}}