.site-header{position:sticky;top:0;z-index:1000;background:var(--color-surface-alabaster);border-bottom:1px solid var(--color-border-soft);box-shadow:var(--shadow-soft)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:72px}
.brand{display:flex;align-items:center;gap:0.6rem;min-width:0}
.brand-mark{width:44px;height:auto}
.brand-text{font-family:var(--font-heading);font-size:1.4rem;white-space:nowrap}

.nav-toggle{padding:0.6rem;border-radius:var(--radius-control);background:var(--color-surface-mint);flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center}
.nav-toggle .bar{width:20px;height:2px;background:var(--color-text-graphite);display:block;transition:transform .2s ease,opacity .2s ease}
.nav-toggle[aria-expanded="true"] .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .bar:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-toggle:focus-visible{outline:2px solid var(--color-accent-emerald)}

.nav{position:fixed;inset:0 0 auto 0;top:72px;background:var(--color-surface-alabaster);padding:var(--space-3);display:none;flex-direction:column;gap:var(--space-3);max-height:calc(100vh - 72px);overflow:auto}
.nav.open{display:flex}

.nav-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0}
.nav-list li{margin:0}
.nav-list a{font-weight:600}

.nav-actions{display:flex;flex-direction:column;gap:var(--space-2)}

@media(min-width:768px){
  .nav-toggle{display:none}
  .nav{position:static;display:flex!important;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:0;max-height:none}
  .nav-list{flex-direction:row;gap:var(--space-2)}
  .nav-actions{flex-direction:row}
}

@media(max-width:480px){
  .brand-mark{width:36px}
  .brand-text{font-size:1.1rem}
  .header-inner{min-height:80px}
}