/* BOOK / Edition 06 — a cool editorial page with a tactile turn. */
.view-book{background:radial-gradient(circle at 68% 12%,#25324b 0,#111a2d 42%,#0c1323 100%)}
.reader-main{padding-bottom:30px}
.reader-topline{color:#d7dfea;letter-spacing:.19em}
.book-stage{perspective:1500px;padding:22px 18px 25px;position:relative;isolation:isolate}
.book-stage:before{content:"";position:absolute;width:min(830px,calc(100% - 26px));height:calc(100% - 42px);background:#d7dee8;transform:translate(9px,8px);box-shadow:9px 14px 0 #a1acba,15px 22px 28px #030815b3;border-radius:2px;pointer-events:none}
.book-stage:after{content:"";position:absolute;inset:10% 14%;background:linear-gradient(105deg,transparent 28%,#ffffff44 49%,transparent 66%);opacity:0;transform:translateX(-30%);pointer-events:none;z-index:4}
.book-stage.is-turning:after{animation:pageGlimmer .62s ease-out}
@keyframes pageGlimmer{30%{opacity:.45}100%{opacity:0;transform:translateX(35%)}}
.book-page{background:linear-gradient(120deg,#f4f7fb 0,#fff 48%,#eff3f8 100%);border:1px solid #dbe1e9;border-radius:2px;color:#17243a;box-shadow:0 35px 90px #010713a8, inset 15px 0 25px #273a5610;min-height:min(680px,75dvh);cursor:ew-resize;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-y}
.book-page:before{inset:22px;border:1px solid #a8b6c833}
.book-page:after{color:#63718b;font:700 12px Manrope,Arial,sans-serif;bottom:25px;letter-spacing:.24em}
.book-page .folio{color:#53647f;top:42px}
.book-page .page-text{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;line-height:1.45;letter-spacing:.005em}
.book-page .page-text p:first-child:first-letter{font-size:1.35em}
.book-page .page-text .signature{color:#294669;font-weight:600}
.book-page.end h2{color:#1d385a}
.book-page.formula{justify-content:flex-start;background:linear-gradient(135deg,#eef3fa 0,#fff 58%,#e6edf6 100%)}
.formula-body{max-width:660px;margin:auto}
.formula-body small{display:block;color:#597190;text-transform:uppercase;letter-spacing:.24em;font:700 10px Manrope,Arial,sans-serif}
.formula-body h2{color:#152b47;font:500 clamp(48px,6vw,78px)/.95 Cormorant Garamond,Georgia,serif;margin:14px 0 28px}
.formula-body p{color:#263751;font:500 calc(1.35rem * var(--reader-scale,1))/1.38 Cormorant Garamond,Georgia,serif;margin:0 0 16px}
.formula-body blockquote{border-left:2px solid #8faacb;color:#183c66;font:italic 600 calc(1.72rem * var(--reader-scale,1))/1.14 Cormorant Garamond,Georgia,serif;margin:26px 0 0;padding:2px 0 2px 20px}
.book-page.cover{background:#0a1529;border-color:#70809d;color:#fff;box-shadow:0 35px 90px #010713ba,0 0 0 8px #121e33;cursor:ew-resize}
.book-page.cover:before{border-color:#fff5;inset:22px}
.book-page.cover:after{color:#fff9}
.book-page.cover img{opacity:.9}
.book-page.cover .cover-shade{background:linear-gradient(180deg,#02071400 12%,#020714b8 82%,#020714e8 100%)}
.book-page.cover .cover-copy small{color:#d5e5fd}
.book-page.cover .cover-copy{padding-bottom:clamp(50px,8vw,100px)}
.book-page.cover.chapter-2 h2{font-size:clamp(52px,7vw,98px);max-width:590px;line-height:.88}
.toc-item:not(.active){border-left-color:transparent;background:none;color:#a8b3c5}.toc-item:not(.active):hover{background:#ffffff0e;color:#fff}
.chapter-switch{display:none}
.reader-hint{max-width:820px;margin:-2px auto 12px;text-align:center;font-size:11px;letter-spacing:.1em;color:#b1bdd1}
.reader-controls{margin-top:0}
.reader-progress{background:#9fb4d03d}
.reader-progress span{background:linear-gradient(90deg,#a5bfe9,#fafcff)}
.reader-control-row{color:#b2bfd0}
.reader-control-row button{border-radius:3px;padding:10px 12px}
.reader-control-row button:hover{background:#ffffff17;color:#fff}
.reader-control-row button:focus-visible,.book-page:focus-visible{outline:2px solid #d2e4ff;outline-offset:4px}
#soundToggle{font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff30;margin:0 12px}
.artifact-caption{max-width:820px;margin:22px auto 0;display:flex;justify-content:space-between;gap:18px;color:#8392ac;font:600 10px Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:750px){.reader-main{padding:24px 14px 38px}.book-stage{padding:18px 5px 24px;min-height:0}.book-stage:before{width:calc(100% - 12px);height:calc(100% - 30px);transform:translate(4px,5px);box-shadow:5px 7px 0 #a1acba,8px 14px 20px #030815a0}.book-page{min-height:clamp(520px,70dvh,780px);padding:54px clamp(24px,7vw,44px)}.book-page:before{inset:12px}.book-page .folio{left:clamp(24px,7vw,44px);top:27px}.book-page .page-text{font-size:calc(1.38rem * var(--reader-scale,1));line-height:1.42}.reader-hint{font-size:10px;line-height:1.5;padding:0 12px}.artifact-caption{flex-direction:column;gap:6px;line-height:1.5}.reader-control-row{flex-wrap:wrap}.reader-right{gap:2px}#soundToggle{margin:0 4px}}
@media(max-width:750px){.formula-body h2{font-size:clamp(42px,12vw,65px);margin-bottom:22px}.formula-body p{font-size:calc(1.25rem * var(--reader-scale,1))}.formula-body blockquote{font-size:calc(1.5rem * var(--reader-scale,1));margin-top:20px}}
@media(max-width:750px){.chapter-switch{display:flex;gap:6px;overflow:auto;margin:14px 4px 2px;scrollbar-width:none}.chapter-switch button{white-space:nowrap;background:#ffffff10;border:1px solid #ffffff2f;color:#aebbd0;padding:8px 11px;font:600 10px Manrope,Arial,sans-serif;letter-spacing:.04em}.chapter-switch button[aria-current=true]{color:#fff;border-color:#c8d9f4;background:#ffffff1b}.book-page.cover.chapter-2 h2{font-size:clamp(52px,13vw,78px)}}
@media(max-width:420px){.book-page{min-height:610px}.book-page .page-text{font-size:calc(1.26rem * var(--reader-scale,1))}.reader-topline{font-size:9px}.reader-control-row button{padding:9px 6px}#soundToggle{font-size:9px;padding:8px 5px}.reader-hint{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.book-stage.is-turning:after{animation:none}.book-page{transition:none}}
