.nav__drawer-close,.nav__drawer-settings{display:none}@media(max-width:768px){.nav__drawer-close{display:block;position:absolute;right:var(--space-md);top:max(var(--space-md),env(safe-area-inset-top,0px))}.nav__close-btn{background:transparent;border:1px solid var(--smoke);border-radius:50%;color:var(--fog);cursor:pointer;display:grid;font-size:1.05rem;height:44px;line-height:1;place-items:center;transition:color var(--duration-fast) var(--ease-arcane),border-color var(--duration-fast) var(--ease-arcane),transform var(--duration-med) var(--ease-arcane);width:44px}.nav__close-btn:focus-visible,.nav__close-btn:hover{border-color:var(--amber-dim);color:var(--amber);transform:rotate(90deg)}.nav__drawer-settings{border-top:1px solid var(--smoke);display:block;margin-top:auto;padding-top:var(--space-md);text-align:center;width:100%}.nav__settings-btn{align-items:center;background:none;border:none;color:var(--fog);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:.85rem;gap:var(--space-sm);letter-spacing:.15em;min-height:44px;padding:0;text-transform:uppercase;transition:color var(--duration-fast) var(--ease-arcane)}.nav__settings-btn:focus-visible,.nav__settings-btn:hover{color:var(--amber)}.nav__settings-icon{font-size:1.1rem;letter-spacing:0}}@media(min-width:769px){.nav__backdrop{display:none}}html.nav-open{overflow:hidden}html.nav-open .post__toc-fab-wrap,html.nav-open .settings-btn,html.nav-open .settings-panel{opacity:0;pointer-events:none;visibility:hidden}@media(prefers-reduced-motion:reduce){.nav__close-btn:focus-visible,.nav__close-btn:hover{transform:none}}html[data-reduced-motion=true] .nav__close-btn:focus-visible,html[data-reduced-motion=true] .nav__close-btn:hover{transform:none}