/* A small, persistent navigation control; the header itself scrolls normally. */
.menu-toggle{position:fixed;z-index:20;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 2px 12px #172b3014;cursor:pointer;padding:14px 12px}
.menu-toggle span{display:block;height:1px;background:currentColor;margin:4px 0;width:22px}
.menu-toggle[hidden]{display:none}
html{scrollbar-gutter:stable;scroll-padding-top:5rem}
.menu-toggle:focus-visible,.menu-close:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.site-menu{position:fixed;inset:1rem 1rem auto auto;margin:0;width:min(360px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;padding:1.5rem;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:inherit;box-shadow:0 12px 48px #172b3026}
.site-menu::backdrop{background:rgb(23 43 48 / .24)}
.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.menu-heading h2{font-size:1rem;font-weight:500}
.menu-close{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:inherit;font:inherit;font-size:1.75rem;cursor:pointer}
.menu-links{display:grid;margin-bottom:1.5rem}
.menu-links a{display:flex;align-items:center;min-height:56px;border-bottom:1px solid var(--line);text-decoration:none}
.menu-links a:hover{text-decoration:underline}
html.menu-open{overflow:hidden}
@media print{.menu-toggle,.site-menu{display:none!important}}