.story-menu{display:none;background:rgba(0,0,0,.46);pointer-events:auto}
.story-menu.open,body.menu-open .story-menu{display:flex;pointer-events:auto}
body.menu-open .story-page{margin-right:0}
.story-menu-panel{width:min(680px,94vw);padding:24px;scrollbar-gutter:stable}
.story-menu-title{font-family:var(--headline-font,Georgia,serif);font-size:1.8rem}
.story-menu-section span{font-family:var(--headline-font,Georgia,serif);font-size:1.5rem}
.story-menu-item{grid-template-columns:4px minmax(0,1fr) 64px;padding:14px 4px;gap:14px}
.story-menu-headline{font-family:var(--headline-font,Georgia,serif);font-size:1.08rem;line-height:1.3}
.story-menu-thumb{width:64px;height:64px}
.story-menu-close{display:block;color:var(--text);min-width:44px;min-height:44px}
.story-menu-item.is-current{background:color-mix(in srgb,var(--text) 9%,var(--bg));padding-top:22px}
.story-reader-link{display:block;padding:12px 0;color:var(--text);font:700 12px/1.5 var(--ui-font);text-decoration:underline}
.story-toc-status{font:12px/1.4 var(--ui-font);color:var(--muted);margin:6px 0 0}
.story-menu [hidden]{display:none!important}
@media(max-width:600px){.story-menu-panel{padding:16px;width:94vw}.story-menu-headline{font-size:1rem}}