/* The page itself defines the book frame; there is no padded reader box. */
.book-reader.book-experience { margin: 56px 0 0; padding: 0; background: var(--transparent); container-type: normal; }
.book-experience .book-sheet { display: block; width: min(100%,700px); max-width: 1160px; height: auto; margin-inline: auto; perspective: 1800px; position: relative; touch-action: pan-y; }
.book-experience .book-sheet.is-spread { width: 100%; }
.book-experience .book-image { display: block; width: 100%; max-width: none; height: auto; max-height: none; position: relative; }
.book-experience .book-image img { display: block; width: 100%; height: auto; max-height: none; object-fit: initial; margin: 0; border-radius: var(--radius-media); box-shadow: 0 16px 40px var(--book-shadow); user-select: none; -webkit-user-drag: none; }
.book-experience .book-sheet.is-spread::after,.book-experience .book-sheet.is-spread .book-image::after { display: none; }
.book-experience .book-page-zone { position: absolute; top: 0; bottom: 0; width: 50%; height: auto; margin: 0; padding: 24px; border: 0; background: var(--transparent); color: var(--case-ink,var(--ink)); border-radius: var(--radius-media); cursor: pointer; z-index: 3; display: flex; align-items: center; }
.book-experience .book-prev { left: 0; right: auto; justify-content: flex-start; }
.book-experience .book-next { right: 0; left: auto; justify-content: flex-end; }
.book-experience .book-page-zone:disabled { background: var(--transparent); cursor: default; }
.book-experience .book-page-zone:hover:enabled { background: var(--transparent); }
.book-experience .book-page-zone:active:enabled { transform: none; }
.book-experience .book-page-zone svg { width: 32px; height: 32px; padding: 4px; border-radius: 4px; opacity: 0; background: var(--case-paper,var(--paper)); transition: opacity 140ms ease; }
.book-experience .book-page-zone:hover:enabled svg,.book-experience .book-page-zone:focus-visible svg { opacity: 1; }
.book-experience .book-page-zone:focus-visible { outline: 3px solid var(--case-ink,var(--ink)); outline-offset: -5px; }
.book-experience .book-sheet.is-dragging,.book-experience .book-sheet.is-dragging .book-page-zone { cursor: grabbing; }
.book-experience .book-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 24px; max-width: 1160px; margin: 16px auto 0; }
.book-experience .book-status { margin: 0; color: inherit; font: 14px/1.5 var(--face-body); font-variant-numeric: tabular-nums; }
.book-experience .book-enlarge { border: 0; min-height: 44px; padding: 8px 0 8px 16px; background: var(--transparent); color: inherit; font-size: 14px; text-decoration: underline; text-underline-offset: 5px; }
.book-experience .book-turn { position: absolute; inset: 0; pointer-events: none; z-index: 2; backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: clip; border-radius: var(--radius-media); }
.book-experience .book-turn.turn-forward { transform-origin: left center; }
.book-experience .book-turn.turn-backward { transform-origin: right center; }
.book-experience .book-turn img { width: 100%; max-width: none; height: 100%; object-fit: fill; }
.book-experience .book-turn.half-leaf { width: 50%; }
.book-experience .book-turn.half-leaf.turn-forward { left: 50%; }
.book-experience .book-turn.half-leaf.turn-backward { right: 50%; }
.book-experience .book-turn.half-leaf img { width: 200%; }
.book-experience .book-turn.half-leaf.turn-forward img { transform: translateX(-50%); }
@media(max-width:599px) {
 .book-reader.book-experience { margin: 32px 0 0; }
 .book-experience .book-sheet,.book-experience .book-sheet.is-spread { width: 100%; height: auto; }
 .book-experience .book-image img { width: 100%; height: auto; max-height: none; }
 .book-experience .book-page-zone { padding: 12px; }
 .book-experience .book-toolbar { margin-top: 8px; }
}
@media(prefers-reduced-motion:reduce) { .book-experience .book-turn { display: none; }.book-experience .book-page-zone svg { transition: none; } }

.book-experience .book-turn.cover-leaf { left: 50%; width: 50%; }
.book-experience .book-turn.cover-leaf img { width: 100%; }