.site-header{
position:sticky;
top:0;
z-index:999;
background:#fafafa;
border-bottom:1px solid #e5e7eb;
}
.site-header .inner{
max-width:1200px;
margin:auto;
padding:.6rem 1rem;
display:flex;
align-items:center;
gap:1rem;
}
.branding{flex:1}
.site-title{text-decoration:none;color:#1f2937;font-size:1.45rem;font-weight:700}
.site-tagline{text-transform:uppercase;font-size:.60rem;letter-spacing:.22em;color:#777}
.menu-toggle,.search-toggle{
background:none;
border:none;
cursor:pointer;
font-size:1.2rem;
padding:.4rem;
}
#search-overlay{
display:none;
padding:1rem;
background:#fff;
border-top:1px solid #e5e7eb;
}
#search-overlay.active{display:block}
#search-overlay input{
width:100%;
padding:.9rem 1rem;
font-size:1rem;
border:1px solid #ddd;
border-radius:8px;
}
@media(max-width:768px){
.site-header .inner{padding:.5rem .8rem}
.site-title{font-size:1.2rem}
.site-tagline{font-size:.52rem}
}