.scroll-menu-toggle{position:fixed;right:22px;top:44px;z-index:115;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:0 8px 30px #16305012;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.85);transition:opacity .25s,transform .3s,visibility .25s;cursor:pointer}.scroll-menu-toggle span{width:19px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .25s,opacity .25s}.nav-collapsed .scroll-menu-toggle{opacity:1;visibility:visible;pointer-events:auto;transform:none}.nav-expanded .scroll-menu-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-expanded .scroll-menu-toggle span:nth-child(2){opacity:0}.nav-expanded .scroll-menu-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.nav-collapsed .site-header{position:fixed;top:102px;right:22px;left:auto;width:min(340px,calc(100vw - 32px));max-height:calc(100svh - 120px);overflow:auto;z-index:114;display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:25px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--paper) 95%,transparent);box-shadow:0 18px 65px #14294520;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-12px) scale(.96);transform-origin:top right;transition:opacity .23s,transform .25s,visibility .23s}
.nav-collapsed.nav-expanded .site-header{visibility:visible;opacity:1;pointer-events:auto;transform:none}.nav-collapsed .site-header .brand{max-width:none;font-size:20px}.nav-collapsed .site-header nav{display:flex;flex-direction:column;gap:0;align-items:stretch}.nav-collapsed .site-header nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:17px;opacity:1}.nav-collapsed .header-actions{justify-content:flex-start;flex-wrap:wrap;gap:10px}.scroll-menu-toggle:focus-visible{outline:2px solid var(--rose);outline-offset:4px}
@media(max-width:600px){.scroll-menu-toggle{right:15px}.nav-collapsed .site-header{right:15px}}
@media(prefers-reduced-motion:reduce){.scroll-menu-toggle,.scroll-menu-toggle span,.nav-collapsed .site-header{transition:none}}
