/* A single, readable leaf opens exactly where the printed cover sits. */
.inline-book-figure{width:min(340px,92%)}
.inline-book-binding{position:relative;isolation:isolate;box-shadow:10px 20px 32px #193c3328}
.inline-book-binding::before{content:"";position:absolute;inset:4px -7px -5px 7px;z-index:-1;background:repeating-linear-gradient(90deg,#f5f0e5 0 2px,#cec4af 2px 3px);border:1px solid #c3baa5}
.inline-book-stage{position:relative;aspect-ratio:2/3;perspective:1400px;overflow:hidden;overflow:clip;background:#fffdf8;touch-action:pan-y pinch-zoom}
.inline-book-cover{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#fff;text-align:inherit;cursor:pointer}
.inline-book-cover .book-cover{display:block;width:100%;height:100%;object-fit:cover;box-shadow:none}
.inline-book-cover::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0002,transparent 5%,#fff4 6%,transparent 10%)}
.inline-book-open-hint{position:absolute;inset:auto 12px 12px auto;display:flex;align-items:center;gap:1rem;padding:9px 12px;border:1px solid #163c3026;border-radius:2px;background:#fffdf8f5;color:var(--ink);font:500 .67rem/1.3 var(--sans);letter-spacing:.04em;box-shadow:0 2px 8px #163c3010}
.inline-book-cover:hover .inline-book-open-hint{border-color:var(--ink)}
.inline-book-cover:focus-visible{outline:3px solid #a14231;outline-offset:-4px}
.inline-book-page{position:absolute;inset:0;display:flex;flex-direction:column;padding:24px 25px 18px 29px;color:#263b32;background:linear-gradient(90deg,#ded7c7 0,#f7f3e9 3%,#fffdf8 12%,#fffdf8 94%,#f4eedf 100%);text-align:left}
.inline-book-running{flex:none;font:500 8px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;white-space:normal;text-align:center;border-bottom:1px solid #b9ac9255;padding-bottom:13px}
.inline-book-page h3{flex:none;font:normal 22px/1.2 Georgia,"Times New Roman",serif;margin:16px 0}
.inline-book-text{min-height:0;flex:1;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c6beaf transparent;font:15px/1.6 Georgia,"Times New Roman",serif;padding-right:5px;-webkit-overflow-scrolling:touch}
.inline-book-text p{margin:0 0 .8em}
.inline-book-text p:last-child{margin-bottom:0}
.inline-book-text:focus-visible{outline:1px solid #a14231;outline-offset:3px}
.inline-book-folio{flex:none;display:flex;justify-content:space-between;gap:1rem;margin-top:15px;padding-top:10px;border-top:1px solid #b9ac9255;font:500 8px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.inline-book-nav{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:8px;margin-top:20px}
.inline-book-nav button{width:46px;min-height:46px;border:1px solid #163c3038;border-radius:50%;background:transparent;color:var(--ink);font:22px/1 Georgia,serif;cursor:pointer;transition:background .2s,color .2s}
.inline-book-nav button:hover:not(:disabled){background:var(--ink);color:var(--paper)}
.inline-book-nav button:disabled{opacity:.28;cursor:default}
.inline-book-nav button[aria-disabled=true]{cursor:wait}
.inline-book-nav button:focus-visible{outline:2px solid #a14231;outline-offset:4px}
.inline-book-position{text-align:center;font:500 10px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.inline-book-help{margin:10px 0 0;text-align:center;font:11px/1.5 var(--sans);color:var(--muted)}
.inline-book-continue{display:block;margin-top:12px;text-align:center;font:500 12px/1.6 var(--sans);text-decoration:underline;text-underline-offset:4px}
.inline-book-figure figcaption{margin-top:20px}
.book-flip-leaf{position:absolute;inset:0;z-index:3;pointer-events:none;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,filter;box-shadow:5px 0 18px #10251b30}
.book-flip-leaf::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0002,transparent 15%,#fff4 45%,#0003);opacity:0;animation:book-leaf-shade 900ms ease-in-out both}
.book-flip-leaf.is-forward{animation:book-leaf-forward 900ms cubic-bezier(.32,.05,.2,1) both}
.book-flip-leaf.is-backward{animation:book-leaf-backward 900ms cubic-bezier(.32,.05,.2,1) both}
@keyframes book-leaf-forward{0%{transform:rotateY(0);filter:brightness(1)}65%{filter:brightness(.85)}100%{transform:rotateY(-112deg);filter:brightness(.7)}}
@keyframes book-leaf-backward{0%{transform:rotateY(-112deg);filter:brightness(.7)}40%{filter:brightness(.85)}100%{transform:rotateY(0);filter:brightness(1)}}
@keyframes book-leaf-shade{0%,100%{opacity:0}45%{opacity:.9}}
.inline-book-stage [hidden],.inline-book-tools[hidden],.inline-book-continue[hidden]{display:none}
@media(max-width:740px){.inline-book-figure{width:min(340px,92%)}.inline-book-page{padding:22px 22px 18px 27px}}
@media(max-width:360px){.inline-book-page{padding:17px 18px 14px 22px}.inline-book-page h3{font-size:20px;margin:13px 0}.inline-book-text{font-size:14px}.inline-book-running{padding-bottom:9px}}
@media(prefers-reduced-motion:reduce){.book-flip-leaf,.book-flip-leaf::after{animation:none}}
html[data-motion=off] .book-flip-leaf,html[data-motion=off] .book-flip-leaf::after{animation:none}

.inline-book-expand{display:block;margin:7px auto 0;padding:7px 12px;min-height:36px;border:0;background:none;color:var(--ink);font:500 11px/1.5 var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
button.inline-book-continue{width:100%;padding:7px 0;min-height:44px;border:0;background:none;color:var(--ink);cursor:pointer}
.inline-book-continue:hover{transform:none!important}
.book-display{width:min(300px,90%)}
.literary-stage{padding-bottom:74px}
.showcase-panel .inline-book-page{padding:19px 20px 15px 24px}
.showcase-panel .inline-book-text{font-size:14px}
.showcase-panel .inline-book-page h3{font-size:20px;margin:13px 0}
.showcase-panel .inline-book-running{font-size:7px;padding-bottom:10px}
.showcase-panel .inline-book-folio{margin-top:12px}
@media(min-width:741px) and (max-width:1100px){.book-display{width:min(280px,90%)}}
@media(max-width:740px){.book-display{width:min(300px,92%)}.literary-stage{padding-bottom:74px}}