/* Primary navigation (shared by every page). Source of truth: /root/state/kevgrid/kevnav.py */
header#hdr nav{display:flex;align-items:center;gap:4px}
header#hdr .nav-menu{display:flex;align-items:center;gap:clamp(16px,2.2vw,34px);margin-right:clamp(6px,1.2vw,16px)}
header#hdr nav a.nav-link{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);position:relative;padding:4px 0;white-space:nowrap;transition:color .3s}
header#hdr nav a.nav-link:hover,header#hdr nav a.nav-link.active{color:var(--ink)}
header#hdr nav a.nav-link:focus-visible,header#hdr .nav-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}
header#hdr nav a.nav-link.active::after{width:100%}
header#hdr nav a.nav-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--ink-dim);border-radius:2px;transition:color .3s}
header#hdr nav a.nav-ic::after{display:none}
header#hdr nav a.nav-ic:hover{color:var(--accent)}
header#hdr nav a.nav-ic:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;color:var(--accent)}
header#hdr nav a.nav-ic svg{display:block;flex:none}
header#hdr .nav-toggle{display:none;width:44px;height:44px;padding:0;margin:0;background:none;border:0;cursor:pointer;color:var(--ink);position:relative;border-radius:2px;-webkit-tap-highlight-color:transparent}
header#hdr .nav-toggle .nt-bar{position:absolute;left:12px;right:12px;height:1.5px;background:currentColor;transition:transform .3s var(--ease),top .3s var(--ease)}
header#hdr .nav-toggle .nt-bar:first-child{top:18px}
header#hdr .nav-toggle .nt-bar:last-child{top:25px}
header#hdr .nav-toggle[aria-expanded="true"] .nt-bar:first-child{top:21.5px;transform:rotate(45deg)}
header#hdr .nav-toggle[aria-expanded="true"] .nt-bar:last-child{top:21.5px;transform:rotate(-45deg)}
@media(max-width:900px){
  header#hdr{padding-top:12px;padding-bottom:12px}
  header#hdr nav{gap:0;margin-right:-10px}
  header#hdr .nav-toggle{display:inline-block}
  header#hdr .nav-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:6px clamp(20px,5vw,64px) 14px;background:rgba(250,247,242,.98);border-bottom:1px solid var(--line);box-shadow:0 18px 30px -22px rgba(30,27,22,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  header#hdr .nav-menu.open{display:flex}
  header#hdr nav a.nav-link{display:flex;align-items:center;min-height:48px;padding:0;font-size:12px;letter-spacing:.2em;border-bottom:1px solid var(--line)}
  header#hdr nav a.nav-link:last-child{border-bottom:0}
  header#hdr nav a.nav-link::after{display:none}
  header#hdr nav a.nav-link.active{color:var(--accent)}
}
@media(max-width:620px){
  header#hdr .brand img{height:40px}
  header#hdr .brand .b-txt{display:none}
}
@media(prefers-reduced-motion:reduce){header#hdr .nav-toggle .nt-bar{transition:none}}