html{scrollbar-gutter:stable}header.site-head{line-height:normal;display:flex;align-items:center;justify-content:space-between;padding:22px 48px;border-bottom:1px solid var(--line);top:0;position:sticky;background:var(--bg);z-index:10;padding-top:calc(22px + env(safe-area-inset-top,0px))}.site-head .logo{font-weight:800;font-size:1.25rem;letter-spacing:1px;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--ink);text-decoration:none;white-space:nowrap}.site-head .logo .dot{width:9px;height:9px;border-radius:50%;background:var(--gold)}.site-head nav{display:flex;gap:36px;font-weight:600;font-size:.95rem}.site-head nav a{color:var(--ink);text-decoration:none;padding-bottom:8px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.site-head nav a.active{border-color:var(--gold)}.site-head .burger{display:none;position:relative;background:none;border:none;font-size:1.5rem;cursor:pointer;line-height:1;padding:4px 8px;color:var(--ink)}.site-head .header-right{display:flex;align-items:center;gap:22px}.site-head .theme-toggle{position:relative;flex:0 0 auto;width:50px;height:28px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface-alt);cursor:pointer;padding:0}.site-head .theme-toggle .thumb{display:flex;align-items:center;justify-content:center;line-height:1}.site-head nav .nav-ico{display:none}.site-head nav .nav-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}.site-head .nav-ico img.nav-fav-img{width:22px;height:22px;display:block}@media(max-width:640px){header.site-head{position:relative;padding:14px 20px}.site-head .burger{display:block}.site-head nav{position:absolute;top:100%;left:0;right:0;background:var(--surface);flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .2s ease;box-shadow:0 12px 24px #00000014;border-bottom:1px solid var(--line)}.site-head nav.open{max-height:min(560px,calc(100vh - 70px));overflow-y:auto}.site-head nav a{padding:16px 20px;border-bottom:1px solid var(--line);width:100%;font-size:.98rem}.site-head nav a.active{background:var(--gold-tint-strong)}.site-head .header-right{gap:12px}}