.guide-reader{background:var(--seaglass-mist);min-width:280px}
.reader-header{min-height:94px;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:white;border-bottom:1px solid var(--line)}
.reader-header>.text-link{font-size:.85rem}
.reader-title{text-align:center}
.reader-title .eyebrow{margin-bottom:4px;font-size:.66rem}
.reader-title h1{color:var(--seaglass-deep);font-size:2.1rem}
.reader-header img{width:105px;height:auto}
.reader-stage{height:calc(100svh - 235px);min-height:280px;display:grid;place-items:center;padding:14px 24px;overflow:auto;perspective:1600px}
#reader-paper{position:relative;width:min(100%,calc((100svh - 265px)*.772727),650px);min-width:190px;margin:0;aspect-ratio:612/792;background:white;box-shadow:0 4px 18px rgba(46,110,124,.18)}
#reader-page{width:100%;height:100%;object-fit:contain}
.reader-turn-sheet{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;background:white;pointer-events:none;transform-origin:left center}
.reader-stage.is-zoomed{display:block}
.reader-stage.is-zoomed #reader-paper{width:min(1400px,180vw);max-width:none;margin:auto}
.reader-status{text-align:center;font-size:.8rem;color:var(--seaglass-deep);padding:6px 18px}
.reader-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:4px 18px}
.reader-controls button,.reader-controls select,.reader-controls a{font:inherit;font-size:.85rem;line-height:1.3;min-height:44px;border:1px solid var(--seaglass-deep);background:white;color:var(--seaglass-deep);padding:10px 14px;border-radius:0}
.reader-controls button,.reader-controls a{cursor:pointer}
.reader-controls button:hover,.reader-controls a:hover{background:var(--seaglass-deep);color:white}
.reader-controls button:disabled,.reader-controls select:disabled{opacity:.45;cursor:default;background:white;color:var(--seaglass-deep)}
.reader-hint{font-size:.76rem;text-align:center;padding:8px 24px 15px}
@media(max-width:650px){.reader-header:has(.reader-long-title){flex-wrap:wrap}.reader-header:has(.reader-long-title) .reader-title{order:3;flex-basis:100%}.reader-header:has(.reader-long-title) img{margin-left:auto}.reader-header:has(.reader-long-title)~main .reader-stage{height:calc(100svh - 305px)}.reader-header:has(.reader-long-title)~main #reader-paper{width:min(100%,calc((100svh - 330px)*.772727))}}
@media(max-width:650px){.reader-header{padding:14px 16px;gap:12px}.reader-title .eyebrow{display:none}.reader-title h1{font-size:1.75rem}.reader-header img{width:75px}.reader-header>.text-link{font-size:.75rem}.reader-stage{padding:12px;height:calc(100svh - 260px)}#reader-paper{width:min(100%,calc((100svh - 285px)*.772727))}.reader-controls{gap:8px}.reader-controls button,.reader-controls select,.reader-controls a{font-size:.8rem;padding:9px 11px}}
@media(max-width:380px){.reader-header img{display:none}.reader-controls button span{display:none}}
@media(prefers-reduced-motion:reduce){.reader-turn-sheet{transform:none!important}}