body .site-header .topnav{gap:18px}
body .site-header .nav-links{display:flex;align-items:center;gap:17px}
body .site-header .nav-links a{display:block;font-size:11px;letter-spacing:0;text-transform:none;white-space:nowrap}
body .site-header .nav-links .nav-studio{color:var(--purple);font-weight:850;border-bottom:2px solid currentColor;padding:9px 0}
body .site-header .topnav .nav-studio-mobile,body .site-header .nav-toggle{display:none}
@media(max-width:1100px){
 body .site-header{height:auto;min-height:112px;display:flex;flex-wrap:wrap;gap:10px;padding-top:16px;padding-bottom:14px;z-index:10}
 body .site-header .identity{font-size:20px;gap:10px}
 body .site-header .identity img{width:34px;height:34px}
 body .site-header .topnav{width:100%;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
 body .site-header .topnav .nav-studio-mobile{display:block;color:var(--purple);font-weight:800;font-size:12px;letter-spacing:0;text-transform:none;margin-right:auto}
 body .site-header .nav-toggle{display:block;border:1px solid var(--hair);background:var(--paper);color:var(--ink);font-size:12px;padding:10px;border-radius:8px;min-height:40px}
 body .site-header .nav-toggle[hidden]{display:none}
 body .site-header .theme-switch{font-size:11px;padding:9px;gap:6px;min-height:40px}
 body .site-header .nav-links{width:100%;flex-wrap:wrap}
 body .site-header.nav-ready .nav-links{display:none;position:absolute;left:20px;right:20px;top:100%;width:auto;padding:18px;background:var(--paper);border:1px solid var(--hair);border-radius:12px;box-shadow:var(--shadow)}
 body .site-header.nav-open .nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0}
 body .site-header .nav-links a{font-size:14px;padding:13px 6px;min-height:44px}
}
@media(max-width:400px){
 body .site-header .topnav{gap:6px}
 body .site-header .nav-toggle{padding:8px;font-size:11px}
}