.nav-burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line,rgba(20,20,20,.12));background:var(--surface,#fff);color:var(--ink,#141414);cursor:pointer;order:3;padding:0}
.nav-burger svg{width:20px;height:20px}
.nav-burger[aria-expanded="true"]{background:var(--ink,#141414);color:var(--surface,#fff)}
@media(max-width:960px){
  .nav-burger{display:inline-flex}
  .header-nav,.sp-nav,.ad-nav,.site-header>.wrap>.nav,.header-inner>.nav{display:none}
  .header-nav.nav-open,.sp-nav.nav-open,.ad-nav.nav-open,.site-header>.wrap>.nav.nav-open,.header-inner>.nav.nav-open{
    display:flex;order:4;flex-direction:column;align-items:stretch;width:100%;gap:2px;
    margin:0;padding:8px 4px 12px;border-top:1px solid var(--line,rgba(20,20,20,.12));
    background:var(--surface,#fff);overflow-x:hidden;overflow-y:auto;max-height:70vh;
    box-shadow:0 12px 30px rgba(0,0,0,.12)
  }
  [data-theme="dark"] .header-nav.nav-open,[data-theme="dark"] .sp-nav.nav-open,[data-theme="dark"] .ad-nav.nav-open,[data-theme="dark"] .nav.nav-open{background:#16161a}
  .nav-open a{padding:12px 14px!important;border-radius:10px;white-space:normal;justify-content:flex-start}
  .nav-open a:hover{background:var(--surface-2,rgba(0,0,0,.05))}
  .nav-open .clerk-nav,.nav-open .sp-clerk-nav{width:100%;justify-content:flex-start}
}