/* The paper is an overlay, keeping the page and controls steady. */
#pages-view { overflow-x: clip; }
.page-stage { perspective: none; touch-action:pan-y pinch-zoom; }
.page-stage > button { transition:none; touch-action:pan-y pinch-zoom; -webkit-user-select:none; user-select:none; }
/* At 8x and above, the browser owns both pan axes on every page ancestor. */
.page-stage.is-zoomed, .page-stage.is-zoomed > button { touch-action: auto; }
.page-stage > button > img { -webkit-user-drag:none; }
.page-stage.is-loading > button { opacity:1; }
.page-stage > button::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,#102d2722,#fff0 3%,#fff0 98%,#102d2710); }
.paper-turn { position:absolute; z-index:1; pointer-events:none; }
.page-stage[aria-busy="true"] { cursor:progress; }
.page-stage .paper-active { cursor:grabbing; }
@media(prefers-reduced-motion:reduce) { .paper-turn { display:none; } }