/* A physical page turn; the approved still remains the progressive fallback. */
.book-stage{position:relative;isolation:isolate;mix-blend-mode:multiply;perspective:1600px;touch-action:pan-y;user-select:none;-webkit-user-select:none;caret-color:transparent}
.book-stage>.open-book-image{display:block;pointer-events:none}
.book-leaf{position:absolute;top:0;width:50%;height:100%;pointer-events:none}
.book-left{left:0}.book-right{right:0}
.book-leaf canvas,.leaf-face canvas{display:block;width:100%;height:100%}
.turning-leaf{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;z-index:3;pointer-events:none;will-change:transform}
.turn-forward{left:50%;transform-origin:left center}.turn-backward{left:0;transform-origin:right center}
.leaf-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.leaf-front{transform:translateZ(.1px)}.leaf-back{transform:rotateY(180deg) translateZ(.1px)}
.turn-forward .leaf-front{clip-path:polygon(0 7%,8% 4%,25% 3%,81% 6%,85% 94%,40% 93%,0 95%)}
.turn-forward .leaf-back{clip-path:polygon(19% 6%,45% 3%,80% 3%,100% 7%,100% 95%,60% 93%,15% 94%)}
.turn-backward .leaf-front{clip-path:polygon(19% 6%,45% 3%,80% 3%,100% 7%,100% 95%,60% 93%,15% 94%)}
.turn-backward .leaf-back{clip-path:polygon(0 7%,8% 4%,25% 3%,81% 6%,85% 94%,40% 93%,0 95%)}
.book-browse{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:16px;color:var(--muted);font-size:.8rem}
.book-browse[hidden],.book-browse-hint[hidden]{display:none}
.book-browse button{background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);width:46px;height:44px;font-size:1.6rem;cursor:pointer;transition:color .2s,border-color .2s}
.book-browse button:hover{color:var(--teal-dark);border-color:var(--teal-dark)}
.book-browse button:disabled{opacity:.25;cursor:default}
.book-browse-hint{text-align:center;font:400 .85rem var(--display);letter-spacing:.02em;color:var(--muted);margin-top:12px}
.book-stage:focus-visible{outline:2px solid var(--teal-dark);outline-offset:8px}
@media(max-width:760px){.book-browse{gap:20px}.book-browse-hint{font-size:.8rem}}

[data-book-preview] .open-book-image{display:block;width:100%;height:auto;max-width:100%;mix-blend-mode:multiply}
[data-book-preview] figcaption{margin:10px 0 0;padding-top:3px;text-align:center;color:var(--muted);font-size:.78rem}