.site-header{position:fixed;top:0;left:0;width:100%;background:var(--color-bg-main);z-index:1000;border-bottom:1px solid var(--color-bg-soft)}
.site-header__spacer{height:88px}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:88px}
.site-header__brand-link{display:flex;align-items:center;gap:var(--space-3)}
.site-header__logo{width:56px;height:auto}
.site-header__brand-text{font-family:var(--font-heading);font-size:1.5rem}
.site-header__nav{display:flex}
.site-header__nav-list{display:flex;gap:var(--space-4);list-style:none;margin:0;padding:0}
.site-header__nav-list li{margin:0}
.site-header__nav a{font-size:var(--text-sm);white-space:nowrap}
.site-header__actions{display:flex;align-items:center;gap:var(--space-3)}
.site-header__toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:var(--radius-sm)}
.site-header__toggle-line{display:block;width:20px;height:2px;background:var(--color-text-primary);margin:3px 0}

@media (max-width:900px){
.site-header__spacer{height:72px}
.site-header__inner{min-height:72px}
.site-header__logo{width:40px}
.site-header__brand-text{font-size:1.2rem}
.site-header__nav{position:fixed;top:72px;right:0;width:100%;max-width:320px;height:calc(100vh - 72px);background:var(--color-bg-main);transform:translateX(100%);transition:transform var(--transition-fast);box-shadow:var(--shadow-soft);overflow-y:auto}
.site-header__nav-list{flex-direction:column;padding:var(--space-4);gap:var(--space-4)}
.site-header__toggle{display:flex;flex-direction:column}
.site-header__nav.is-open{transform:translateX(0)}
}