.site-header {
    background: white;
    box-shadow: var(--shadow-sm);
    position: sticky;
    top: 0;
    z-index: 50;
}
.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    max-width: var(--max-width);
    margin: 0 auto;
}
.logo a { font-size: 1.5rem; font-weight: 700; color: var(--text); }
.nav-menu { display: flex; gap: 1.5rem; align-items: center; }
.nav-menu a { color: var(--text-light); font-weight: 500; }
.nav-menu a:hover { color: var(--primary); }
.mobile-menu-toggle { display: none; background: none; border: none; cursor: pointer; }
@media (max-width: 768px) {
    .nav-menu { display: none; flex-direction: column; position: absolute; top: 100%; left: 0; width: 100%; background: white; box-shadow: var(--shadow-md); padding: 1rem; }
    .nav-menu.open { display: flex; }
    .mobile-menu-toggle { display: block; }
}