html,body{overflow:clip;background:#efefef}
.reading-surface{position:relative;width:100vw;height:100dvh;perspective:2200px;perspective-origin:45% 50%;overflow:clip;isolation:isolate}
.paper{position:absolute;inset:0;width:100%;height:100%;max-height:none;padding:20px 34px 0;box-shadow:none}
.article.chapter{break-before:auto}
h1,h2,h3,.rubric{break-inside:avoid-column}
.stage{overflow:clip;touch-action:pinch-zoom}
.page-controls{min-height:39px;padding:8px 0 10px}
.folio{margin:auto;gap:14px}
.reading-instruction{font:9px Arial,sans-serif;color:#555;letter-spacing:.35px}
@media(min-width:1600px){.paper{padding-inline:42px}}
@media(max-width:1050px){.paper{padding:16px 27px 0}}
@media(max-width:620px){.paper{padding:11px 21px 0}.folio{gap:9px}.reading-instruction{font-size:7px;letter-spacing:0}.page-controls{min-height:39px;padding:8px 0 11px}.folio strong{font-size:11px}}
@media(max-width:360px){.paper{padding-inline:16px}.reading-instruction{font-size:6px}}
@media(max-height:650px){.paper{padding-top:10px}.page-controls{min-height:34px;padding-block:7px}}
@media(max-height:430px){.paper{padding:6px 18px 0}.page-controls{min-height:29px;padding-block:5px}.reading-instruction{font-size:7px}}
@media print{html,body{overflow:visible}.reading-surface{width:auto;height:auto;overflow:visible;perspective:none}.paper{position:relative;inset:auto;width:100%;height:auto;padding:0}.article.chapter{break-before:column}.turning-sheet,.curl-sheet,.curl-shadow{display:none}}