.story-direct-pagination,.story-pagination{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.story-page-picker{min-width:0}.story-page-numbers{display:flex;align-items:center;gap:6px}.story-page-number{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:6px 10px;box-sizing:border-box;border:1px solid var(--line,#dce5da);border-radius:10px;color:var(--ink,#243428);background:var(--panel,#fff);text-decoration:none;font-weight:600}.story-page-number.is-current{background:var(--green,#356c49);border-color:var(--green,#356c49);color:#fff}.story-page-open{display:none}.story-page-dialog{width:min(420px,calc(100vw - 32px));max-height:75dvh;overflow-y:auto;box-sizing:border-box;border:1px solid var(--line,#dce5da);border-radius:16px;padding:20px;background:var(--panel,#fff);color:var(--ink,#243428)}.story-page-dialog::backdrop{background:#0006}.story-page-dialog .heading h2{font-size:20px;margin:0}.story-page-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.story-page-jump{display:flex;align-items:flex-end;gap:10px;margin-top:18px}.story-page-jump label{flex:1;min-width:0}.story-page-jump input{width:100%;box-sizing:border-box}.story-page-jump button{white-space:nowrap}#storyText{scroll-margin-top:90px}@media(max-width:760px){.story-page-numbers{display:none}.story-page-open{display:inline-flex;align-items:center;min-height:42px}.story-direct-pagination,.story-pagination{gap:8px}.story-pagination>a,.story-pagination>.pager-disabled{font-size:13px;padding:9px}.story-pagination>[data-story-complete]{font-size:13px}.story-page-dialog{padding:16px}}
/* v9: reset label margins and replace the legacy 54px reader column. */
.story-page-dialog .story-page-jump{display:flex;align-items:flex-end;gap:10px}
.story-page-dialog .story-page-jump label{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0;flex:1}
.story-page-dialog .story-page-jump input{height:44px;min-height:44px;margin:0;padding:8px 12px;line-height:1.25}
.story-page-dialog .story-page-jump button{height:44px;min-height:44px;margin:0;padding:8px 16px;line-height:1.25;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box}
.story-reader .story-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.story-reader .story-pagination>.story-page-picker{justify-self:center;width:auto;min-width:0}
.story-reader .story-pagination .story-page-open{width:auto;white-space:nowrap;min-height:44px;margin:0;line-height:1.25}
.story-reader .story-pagination>.button,.story-reader .story-pagination>button,.story-reader .story-pagination>.story-read-status{width:auto;min-width:0;white-space:nowrap}
@media(max-width:760px){
.story-reader .story-pagination{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}
.story-reader .story-pagination>.button,.story-reader .story-pagination>button{height:44px;min-height:44px;padding:8px;font-size:12px;line-height:1.25;box-sizing:border-box}
.story-reader .story-pagination>:first-child{justify-self:start}
.story-reader .story-pagination>:last-child{justify-self:end}
.story-reader .story-pagination .story-page-open{padding:8px 10px;font-size:12px}
.story-pager-word{display:none}
.story-reader .story-pagination>[data-story-complete]{white-space:normal;max-width:100%;font-size:11px}
}