.book-dialog.reader-book[open]{display:block;width:min(1240px,calc(100vw - 90px));height:min(820px,calc(100dvh - 88px));max-height:none;padding:12px;background:linear-gradient(110deg,#4b3124,#74503a 48%,#483021 51%,#69472f);border:1px solid #a18358;border-radius:9px;overflow:visible;box-shadow:0 32px 100px #110c09aa,0 0 0 2px #3f291b,0 5px 0 #3f291b}.reader-book::backdrop{background:radial-gradient(ellipse at center,#271b0ea8,#1e140deb);backdrop-filter:blur(3px)}.reader-book .book-dialog-art,.reader-book .book-dialog-copy{display:none}.reader-book>.dialog-close{top:-30px;right:0;font-size:18px;color:#dfcfaa;text-shadow:0 2px 3px #0005;z-index:30;padding:3px 5px}.reader-book #book-reader{height:100%;min-height:0}.page-book{height:100%;display:flex;flex-direction:column;position:relative;--binding:#5d4330}.book-binding{height:39px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;color:#d7bf91;padding:0 20px 8px}.binding-title{font:500 19px var(--serif);letter-spacing:.6px}.binding-source{font:7px var(--sans);letter-spacing:2px;opacity:.7}.book-stage{position:relative;flex:1;min-height:0;perspective:2200px}.book-stage:after{content:'';position:absolute;top:0;bottom:0;left:calc(50% - 9px);width:18px;z-index:4;background:linear-gradient(90deg,transparent,#3722143d 42%,#472b1666 49%,#f8ecd344 53%,transparent);pointer-events:none}.single-page .book-stage:after{display:none}.paper-spread{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:5px;box-shadow:0 3px #d2c09d,0 5px #7f6a48,0 7px #e5d3af,0 10px 13px #1a0e0b66}.single-page .paper-spread{grid-template-columns:minmax(0,1fr)}.paper-page{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;padding:23px 31px 15px;background:linear-gradient(90deg,#e5d5b6,#f3e8d0 7%,#f0e4ca 88%,#d9c6a2);border-radius:4px 0 0 4px;box-shadow:inset 1px 0 #fff5}.paper-page:before,.leaf-front:before,.leaf-back:before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.14' filter='url(%23p)'/%3E%3C/svg%3E");opacity:.22;pointer-events:none}.right-page{background:linear-gradient(90deg,#d6c19d,#f0e4ca 11%,#f5ead1 94%,#e4d1ad);border-radius:0 4px 4px 0;box-shadow:inset -1px 0 #fff5}.paper-page:after{content:'';position:absolute;right:0;bottom:0;width:25px;height:25px;background:linear-gradient(135deg,transparent 49%,#bba67b55 50%,#f9edcf 55%);pointer-events:none;border-radius:0 0 3px}.left-page:after{left:0;right:auto;transform:scaleX(-1)}.single-page .paper-page{border-radius:4px;background:linear-gradient(90deg,#e1ceab,#f2e7cd 6%,#f5e9cf 94%,#deccaa)}.page-running-head{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;color:#958260;font:7px var(--sans);letter-spacing:2px;border-bottom:1px solid #bca77e55;padding-bottom:9px}.page-ornament{font-size:14px;line-height:10px}.page-media-title{font:500 23px/1.12 var(--serif);color:#584831;letter-spacing:-.25px;margin:15px 0 18px;min-height:51px;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-media{position:relative;flex:1;min-height:0;overflow:hidden}.youtube-page-media{background:#211b15;box-shadow:0 4px 12px #34241422;border-radius:2px;max-height:440px;margin:auto 0}.youtube-page-media iframe{width:100%;height:100%;border:0;display:block}.instagram-page-media iframe{position:absolute;left:50%;top:50%;border:0;transform-origin:center;box-shadow:0 4px 15px #543d2222}.page-folio{display:flex;justify-content:space-between;align-items:center;margin-top:14px;height:20px;flex-shrink:0;color:#88744f;font:9px var(--serif)}.folio-number{font-size:12px;letter-spacing:1px}.folio-year{font-size:9px;opacity:.7}.page-source-link{font:16px var(--serif);text-decoration:none;color:#8b754e;padding:3px 7px}.book-bottom{height:43px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 19px 0;color:#d8c39b}.page-key-hint{font:7px var(--sans);letter-spacing:2px;opacity:.6}.page-controls{display:flex;align-items:center;gap:21px}.page-controls button{color:#e3d0aa;font:24px var(--serif);padding:0 8px;min-width:35px;min-height:29px;line-height:1;border-bottom:1px solid #b89c6b44}.page-controls button:disabled{opacity:.25}.page-status{font:9px var(--serif);letter-spacing:1px;min-width:90px;text-align:center}.last-page{align-items:center;justify-content:center}.end-flourish{font:55px var(--serif);color:#b49b6f}.turning-leaf{position:absolute;left:50%;top:0;width:50%;height:100%;z-index:10;transform-style:preserve-3d;transform-origin:left center;pointer-events:none;animation:leaf-forward .65s cubic-bezier(.4,.08,.34,1) forwards}.turning-leaf.turn-back{left:0;transform-origin:right center;animation-name:leaf-backward}.single-page .turning-leaf{left:0;width:100%}.leaf-front,.leaf-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px;background:linear-gradient(90deg,#d2bd94,#f2e6c8 11%,#eee0c0 90%,#c8b38b);box-shadow:0 12px 25px #2b180e55,inset -15px 0 30px #b49a6b33;border:1px solid #c4ad81}.leaf-back{transform:rotateY(180deg);background:linear-gradient(90deg,#e6d7b9,#f3e8cd 30%,#d6c09a)}.leaf-chapter{position:absolute;top:28px;font:8px var(--sans);letter-spacing:2px;color:#a18a62;text-transform:uppercase}.leaf-flourish{font:40px var(--serif);color:#b69d6c}.leaf-title{font:italic 29px/1.2 var(--serif);color:#9f865b;max-width:290px;text-align:center;margin-top:25px}.turn-back .leaf-front{box-shadow:0 12px 25px #2b180e55,inset 15px 0 30px #b49a6b33}@keyframes leaf-forward{0%{transform:rotateY(0)}45%{transform:rotateY(-85deg)}100%{transform:rotateY(-180deg)}}@keyframes leaf-backward{0%{transform:rotateY(0)}45%{transform:rotateY(85deg)}100%{transform:rotateY(180deg)}}
@media(max-width:899px){.book-dialog.reader-book[open]{width:min(650px,calc(100vw - 42px));height:calc(100dvh - 88px);padding:9px}.book-binding{height:37px;padding:0 12px 9px}.binding-title{font-size:18px}.binding-source{font-size:6px;letter-spacing:1px}.paper-page{padding:21px 25px 13px}.page-media-title{font-size:22px;min-height:48px;margin-top:15px;margin-bottom:16px}.page-running-head{font-size:6px;letter-spacing:1.5px}.book-bottom{height:44px;padding:13px 10px 0}.page-key-hint{font-size:6px;letter-spacing:1px}.page-controls{gap:9px}.page-status{font-size:9px;min-width:65px}.page-controls button{font-size:23px;min-width:30px}.leaf-title{font-size:25px}}
@media(max-width:480px){.book-dialog.reader-book[open]{width:calc(100vw - 24px);height:calc(100dvh - 80px);padding:7px}.book-binding{padding-left:10px;padding-right:8px;height:34px}.binding-title{font-size:16px}.binding-source{font-size:5px;letter-spacing:.8px}.paper-page{padding:17px 17px 9px}.page-media-title{font-size:21px;min-height:46px;margin:13px 0}.page-running-head{font-size:5.5px}.page-folio{height:18px;margin-top:10px}.page-key-hint{display:none}.book-bottom{justify-content:center;height:43px;padding-top:13px}.page-controls{gap:22px;width:100%;justify-content:space-between}.page-controls button{font-size:24px}.reader-book>.dialog-close{top:-30px;right:3px}.youtube-page-media{max-height:360px}.leaf-front,.leaf-back{padding:30px}}
@media(max-height:600px) and (min-width:900px){.book-dialog.reader-book[open]{height:calc(100dvh - 60px)}.book-binding{height:28px}.paper-page{padding:13px 20px 9px}.page-running-head{padding-bottom:6px}.page-media-title{font-size:18px;min-height:39px;margin:9px 0}.book-bottom{height:34px;padding-top:8px}.page-folio{margin-top:8px}}

/* Short editorial notes stay inside the paper page. */
.page-notes{flex-shrink:0;border-top:1px solid #bba67e55;padding-top:11px;margin-top:15px}.page-notes-label{display:block;font:6px var(--sans);letter-spacing:1.8px;color:#a28a60;margin-bottom:5px}.page-summary{font:400 16px/1.3 var(--serif);color:#6b593d;margin:0}.paper-page:has(.page-notes) .page-folio{margin-top:8px}.paper-page:has(.page-notes) .youtube-page-media{max-height:380px}
@media(max-width:899px){.page-notes{margin-top:12px;padding-top:10px}.page-summary{font-size:16px;line-height:1.25}.page-notes-label{font-size:5.5px;letter-spacing:1.4px}}
@media(max-width:480px){.page-summary{font-size:15px;line-height:1.25}.page-notes{margin-top:11px;padding-top:9px}.page-notes-label{margin-bottom:4px}.paper-page:has(.page-notes) .youtube-page-media{max-height:310px}}
@media(max-height:600px) and (min-width:900px){.page-summary{font-size:13px;line-height:1.18}.page-notes{margin-top:8px;padding-top:7px}.page-notes-label{font-size:5px;margin-bottom:3px}}