/* Phase 2 paged reader. Scoped so the site shell remains unchanged. */
.reader-shell{--reader-width:46rem;--reader-panel:color-mix(in srgb,var(--paper) 96%,transparent);--reader-rule:var(--rule);position:relative;margin:0 auto;max-width:var(--reader-width);padding:clamp(1.5rem,4vw,3rem) 0 4rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reader-shell.reader-night{--reader-panel:rgba(20,18,17,.96);--reader-rule:#4c4640}.reader-toolbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto minmax(8rem,1fr) auto;grid-template-areas:"prev prog next" "sel sel mode";gap:.75rem;align-items:center;padding:.65rem .75rem;margin:0 0 1.5rem;background:var(--reader-panel);border:1px solid var(--reader-rule);backdrop-filter:blur(8px)}.reader-toolbar button,.reader-select{min-height:2.75rem;border:1px solid var(--reader-rule);background:transparent;color:inherit;font:inherit;padding:.35rem .65rem;cursor:pointer}.reader-toolbar button:hover,.reader-toolbar button:focus-visible,.reader-select:focus-visible{background:var(--cream)}.reader-progress{display:grid;gap:.25rem;min-width:0}.reader-progress-label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.reader-progress-track{height:.35rem;background:var(--reader-rule);overflow:hidden}.reader-progress-value{display:block;height:100%;width:0;background:var(--oxblood);transition:width .2s ease}.reader-pages{position:relative}.reader-page{display:none;min-height:55vh;animation:reader-in .28s ease both}.reader-page.is-active{display:block}.reader-page .plate{margin:0 0 1.5rem}.reader-page .text{max-width:39rem;margin:0 auto}.reader-page h2{margin-top:0}.reader-page[hidden]{display:none}.reader-help{margin:1rem auto 0;max-width:var(--reader-width);color:var(--muted);font-size:.88rem}.reader-end{border-top:1px solid var(--reader-rule);margin-top:2rem;padding-top:2rem}.reader-long-scroll{display:none}.reader-shell.is-long-scroll .reader-help{display:none}.reader-shell.is-long-scroll .reader-toolbar>:not([data-reader-mode]){display:none}.reader-shell.is-long-scroll .reader-toolbar{grid-template-columns:1fr}.reader-shell.is-long-scroll .reader-pages{display:none}.reader-shell.is-long-scroll .reader-long-scroll{display:block}.reader-shell.is-long-scroll .reader-long-scroll .reader-page{display:block;min-height:auto;margin-bottom:3rem}.reader-shell.is-long-scroll .reader-long-scroll .reader-page:last-child{margin-bottom:0}.reader-status{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.swipe-region{touch-action:pan-y}.reader-shell.no-motion .reader-progress-value{transition:none}.reader-shell.no-motion .reader-page{animation:none}@keyframes reader-in{from{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.reader-progress-value{transition:none}.reader-page{animation:none}}@media(max-width:620px){.reader-shell{padding-top:1rem}.reader-toolbar{grid-template-columns:1fr 1fr;gap:.5rem}.reader-toolbar .reader-progress{grid-column:1/-1;grid-row:1}.reader-toolbar button:first-child{grid-column:1}.reader-toolbar button:last-child{grid-column:2}.reader-toolbar .reader-select{grid-column:1/-1;grid-row:3;width:100%}.reader-help{padding:0 .5rem}.reader-page{min-height:48vh}}.reader-toolbar [data-reader-prev]{grid-area:prev}.reader-toolbar .reader-progress{grid-area:prog}.reader-toolbar [data-reader-next]{grid-area:next}.reader-toolbar .reader-mode-label{grid-area:sel}.reader-toolbar .reader-select{width:100%}.reader-toolbar [data-reader-mode]{grid-area:mode}.reader-page-title-gap{}.reader-shell h1{margin-bottom:1.25rem}@media(max-width:620px){.reader-toolbar{grid-template-columns:1fr 1fr;grid-template-areas:"prog prog" "prev next" "sel sel" "mode mode"}.reader-toolbar .reader-progress,.reader-toolbar .reader-mode-label,.reader-toolbar button,.reader-toolbar .reader-select{grid-column:auto;grid-row:auto}}.reader-shell.is-long-scroll .reader-toolbar>[data-reader-mode]{justify-self:start}@media(prefers-color-scheme:dark){.reader-toolbar button:hover,.reader-toolbar button:focus-visible,.reader-select:focus-visible{background:#2a2623;color:var(--ink)}.reader-select option{background:#141211;color:#e9e4da}.reader-toolbar button:disabled{opacity:.45}}.reader-toolbar button,.reader-select{color:var(--ink)}