.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);
  background:rgba(10,10,12,.88);border-bottom:1px solid var(--border, #26262e)}
.site-nav{max-width:1080px;margin:0 auto;padding:0 24px;height:64px;display:flex;
  align-items:center;justify-content:space-between;gap:16px;position:relative}
.site-nav .logo{font-weight:800;letter-spacing:.16em;font-size:19px;color:var(--text);text-decoration:none}
.site-nav .logo .dot{color:var(--accent)}
.nav-toggle{display:none;width:44px;height:44px;margin:0;padding:0;border-radius:10px;
  border:1px solid var(--border2, var(--border, #33333d));background:transparent;cursor:pointer;flex-direction:column;
  justify-content:center;align-items:center;gap:5px;appearance:none;-webkit-appearance:none;touch-action:manipulation}
.nav-toggle span{display:block;width:18px;height:2px;background:var(--text);border-radius:1px}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-toggle span{transition:transform .15s ease,opacity .15s ease}
.nav-links{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:2px}
.nav-links a{color:var(--muted);font-size:14px;font-weight:600;padding:8px 10px;border-radius:8px;text-decoration:none}
.nav-links a:hover{color:var(--text);text-decoration:none}
.nav-links a[aria-current="page"]{color:var(--accent)}
.nav-more{display:none}
@media (max-width:720px){
  .nav-toggle{display:flex}
  .nav-more{display:block}
  .nav-links{display:none;position:absolute;top:64px;left:0;right:0;z-index:60;
    background:#0a0a0c;border-bottom:1px solid var(--border);flex-direction:column;
    align-items:stretch;gap:0;padding:8px 16px 16px;flex-wrap:nowrap}
  .nav-links.open{display:flex}
  .nav-links a{padding:12px 12px;min-height:44px;display:flex;align-items:center}
}