.site-header{
position:fixed;
top:0;
left:0;
width:100%;
background:var(--color-surface-base);
border-bottom:1px solid var(--color-border-soft);
z-index:1000;
}

.header-spacer{
height:88px;
}

.header-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-md);
min-height:88px;
}

.brand-link{
display:flex;
align-items:center;
gap:0.75rem;
}

.brand-logo{
height:56px;
width:auto;
}

.brand-text{
font-family:var(--font-heading);
font-size:1.4rem;
}

.nav-toggle{
display:none;
flex-direction:column;
justify-content:center;
gap:5px;
width:44px;
height:44px;
border-radius:var(--radius-pill);
border:1px solid var(--color-border-soft);
}

.nav-toggle-line{
height:2px;
width:20px;
background:var(--color-text-primary);
display:block;
margin:0 auto;
}

.nav{
display:flex;
align-items:center;
gap:var(--space-lg);
}

.nav-list{
display:flex;
align-items:center;
gap:var(--space-md);
margin:0;
padding:0;
}

.nav-list li{
margin:0;
padding:0;
}

.nav-list a{
font-size:var(--text-sm);
}

.nav-actions{
display:flex;
gap:var(--space-sm);
align-items:center;
}

@media (max-width:900px){
.header-spacer{height:72px}
.header-inner{min-height:72px}
.brand-logo{height:40px}

.nav-toggle{display:flex}

.nav{
position:absolute;
top:100%;
right:0;
width:100%;
background:var(--color-surface-base);
border-bottom:1px solid var(--color-border-soft);
flex-direction:column;
align-items:stretch;
padding:var(--space-md);
display:none;
}

.nav.open{display:flex}

.nav-list{
flex-direction:column;
align-items:flex-start;
gap:var(--space-sm);
}

.nav-actions{
flex-direction:column;
width:100%;
}

.nav-actions .btn{
width:100%;
}
}