.site-header .header-inner { display:flex; flex-wrap:nowrap; justify-content:space-between; gap:20px; }
.site-header .desktop-navigation { display:flex; align-items:center; gap:20px; margin-left:auto; font-size:13px; }
.site-header .header-action { flex-shrink:0; white-space:nowrap; }
.site-header .mobile-navigation { display:none; position:relative; margin-left:auto; }
.mobile-navigation summary { cursor:pointer; min-height:44px; display:flex; align-items:center; padding:10px; font-weight:600; font-size:14px; }
.mobile-navigation summary::after { content:' ☰'; margin-left:8px; }
.mobile-navigation nav { position:absolute; z-index:20; right:0; top:100%; display:grid; width:220px; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--surface); box-shadow:var(--shadow-window); }
.mobile-navigation nav a { padding:10px 12px; min-height:44px; font-size:15px; }
.mobile-navigation nav a:hover { background:var(--surface-subtle); border-radius:6px; }
@media (max-width:1050px) { .site-header .desktop-navigation { display:none; } .site-header .mobile-navigation { display:block; } }
@media (max-width:640px) { .site-header .header-inner { gap:8px; padding-block:8px; } .site-header .header-inner .header-action { display:none; } .landing .site-header .brand > span { display:inline; } }