.site-header{position:sticky;top:0;background:var(--color-background);border-bottom:var(--border);z-index:999}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-3)}
.brand-link{display:flex;align-items:center;gap:var(--space-2)}
.brand{display:flex;align-items:center;gap:var(--space-3)}
.badge-21{display:inline-flex;align-items:center;background:#c03b2b;color:#fff;font-size:var(--fs-7);font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap;line-height:1.4}
.brand-mark{width:40px;height:auto}
.brand-text{font-family:var(--font-heading);font-size:1.25rem}

.nav{display:flex}
.nav-list{display:flex;gap:var(--space-4);align-items:center}
.nav-list li{margin:0;padding:0}
.nav-list a{font-size:var(--fs-6)}

.nav-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:var(--border);border-radius:var(--radius-sm)}
.nav-line{width:18px;height:2px;background:var(--color-text);display:block}

@media(max-width:900px){
.nav-toggle{display:flex}
.nav{position:absolute;top:100%;left:0;width:100%;background:var(--color-background);border-bottom:var(--border);display:none}
.nav.open{display:block}
.nav-list{flex-direction:column;align-items:flex-start;padding:var(--space-4)}
}