/* Shared header, derived from this site's homepage. Do not diverge between pages. */
.hdr{position:sticky;top:0;z-index:200;background:rgba(4,8,15,.97);backdrop-filter:blur(16px);border-bottom:2px solid var(--accent)}
.hdr-w{max-width:1200px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:62px;gap:20px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none!important}
.logo-box{width:34px;height:34px;background:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#04080f;font-size:1.1rem;flex-shrink:0}
.logo-txt{font-size:1.1rem;font-weight:800;color:var(--text);white-space:nowrap}
.logo-txt em{font-style:normal;color:var(--accent)}
.logo-tld{font-size:.82em;color:var(--muted)}
.nav{display:flex;gap:2px}
.nav a{font-size:.8rem;font-weight:600;color:var(--muted);padding:6px 11px;border-radius:5px;transition:color .2s,background .2s;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.nav a:hover{color:var(--accent);background:rgba(200,168,75,.1)}
@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);}