/* Shared header, derived from this site's homepage. Do not diverge between pages. */
.hdr{position:sticky;top:0;z-index:200;background:rgba(6,13,10,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border2)}
.hdr-w{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:58px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;flex-shrink:0}
.logo-txt{font-size:.97rem;font-weight:700;letter-spacing:.04em;color:#c8d4cc}
.logo-txt strong{color:var(--text)}
.nav{display:flex;gap:2px}
.nav a{font-size:.79rem;font-weight:600;color:var(--muted);padding:5px 10px;border-radius:3px;transition:color .2s;text-decoration:none}
.nav a:hover{color:var(--accent)}
@media (max-width:680px){.nav{display:none}.hdr-w{padding:0 18px}}
header.hdr a.logo{color:var(--text);text-decoration:none!important;font-weight:400;}
header.hdr nav.nav a{color:var(--muted);text-decoration:none;}
header.hdr nav.nav a:hover{color:var(--accent);}