/* A mounted Korean scroll: wood rollers hold the paper, controls stay outside. */
.scroll-rod{position:relative;flex:none;height:24px;min-height:24px;margin:0 11px;z-index:2;pointer-events:none;background:linear-gradient(0deg,#221209 0%,#5b361c 16%,#9a6a37 40%,#c09254 49%,#77502b 62%,#301b0d 90%);border-radius:5px;border:1px solid #231409;box-shadow:0 4px 9px #0007,inset 0 1px #dfb57566}
.scroll-rod:before,.scroll-rod:after{content:'';position:absolute;top:-3px;width:12px;height:28px;border-radius:4px;background:linear-gradient(0deg,#24150c,#835e34 40%,#ae824a 48%,#4e321c 70%,#1d1008);border:1px solid #24160b;box-shadow:0 2px 4px #0008;z-index:1}.scroll-rod:before{left:-7px}.scroll-rod:after{right:-7px}.scroll-rod i{position:absolute;inset:2px 11px;background:repeating-linear-gradient(0deg,transparent 0 2px,#190d0718 3px 4px);border-inline:1px solid #d5aa6555}.scroll-rod-bottom{box-shadow:0 7px 13px #0009,inset 0 1px #dfb57566}
.scroll-portrait,.scroll-book-portrait{position:relative;margin:0;overflow:hidden;background:#19140f}.scroll-portrait img,.scroll-book-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 19%;border:0}.scroll-portrait:after,.scroll-book-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#19140f 0%,transparent 60%);pointer-events:none}.scroll-portrait span,.scroll-book-portrait span{position:absolute;bottom:14px;left:14px;right:14px;z-index:1;text-align:center;font:700 12px/1.8 var(--head);letter-spacing:.17em;color:#e8cf9f}
/* The offer uses the same portrait and ink stage as the landing page. */
#paid.scroll-offer{width:min(520px,calc(100vw - 24px));padding:17px 9px 18px!important;max-height:92dvh;overflow:auto;border:1px solid #725130;border-radius:0!important;background:#19140f;box-sizing:border-box}
#paid .scroll-portrait{height:245px;margin-inline:16px}#paid .scroll-offer-content{margin:0 16px;padding:25px 19px 28px;border-inline:1px solid #97724555;background:linear-gradient(#271d12,#19140f)}#paid .scroll-offer-content h2{font-size:32px;color:#f1dbb8}#paid .scroll-offer-content .kicker{font-size:10px;line-height:1.8}#paid #paidList li{color:#d9c09b}#paid .fine{color:#bea27b;line-height:1.9}#paid .btn{min-width:0;max-width:100%;white-space:normal;font-size:17px}#paid .chip{color:#c5a77e;font-size:12px;min-height:44px}#paid .scroll-offer-content>div{min-width:0}
/* Preparation is mounted on the same scroll before entering the book. */
#flow .scroll-prep{padding:20px 12px 24px;background:#19140f}.scroll-prep .scroll-portrait{height:270px;margin-inline:16px}.scroll-prep-content{margin-inline:16px;padding:25px 18px 30px;border-inline:1px solid #97724555;background:#241a10}.scroll-prep .say>img{display:none}.scroll-prep .say p{font-size:23px;color:#efd5aa}.scroll-prep .say{margin-bottom:24px}.scroll-prep .prep-facts{padding-left:18px;font-size:13px}.scroll-prep .age-why{color:#c5a77e}.scroll-prep .agechips button{font-size:12px}.scroll-prep .consent{border-color:#967044;color:#ddc7a4}
/* Rollers are siblings of the independently scrolling paper, never overlays. */
#flow.reading-mode{background:#17120d;border-color:#715432}#flow [data-pane="paidread"]{background:#17120d;padding-bottom:5px;min-height:0}#flow [data-pane="paidread"]>.scroll-rod{margin-inline:10px}#flow [data-pane="paidread"]>.scroll-rod-top{margin-top:10px}#flow [data-pane="paidread"]>.scroll-rod-bottom{margin-bottom:5px}
#flow [data-pane="paidread"] .scroll-paper{--bg:#ddbf8a;--panel:#e5c995;--ink:#342318;--muted:#72583a;--dim:#7e6240;--gold:#8b3c28;--gold2:#613c25;--line:#8c64394d;--line2:#9c7649;flex:1;min-height:0;margin:0 24px;padding:0 24px 35px;border-inline:1px solid #966a36;background:linear-gradient(90deg,#78502645,transparent 7%,transparent 93%,#78502655),linear-gradient(#d8b77ed9,#ddc08de0),url('paper-grain.webp');background-size:auto,auto,650px;color:var(--ink);box-shadow:inset 0 5px 15px #4b2c1530;overscroll-behavior:contain}
.scroll-paper .pr-cover{padding:0 0 25px;margin:0 auto 20px;background:none;border-color:var(--line2);color:var(--ink)}.scroll-paper .pr-cover:before{display:none}.scroll-paper .scroll-book-portrait{margin:0 -24px 25px;height:320px}.scroll-paper .scroll-book-portrait:after{background:linear-gradient(0deg,#24170fc9,transparent 55%)}.scroll-paper .pr-cover .kicker,.scroll-paper .pr-ch>header small,.scroll-paper .pr-sum dt{color:var(--gold)}.scroll-paper .type,.scroll-paper .pr-ch h2,.scroll-paper .pr-sec h3,.scroll-paper .pr-sum h2,.scroll-paper .pr-sec p,.scroll-paper .pr-sum dd,.scroll-paper .pr-next b{color:var(--ink)}.scroll-paper .type{font-size:33px}.scroll-paper .type small,.scroll-paper .pr-meta,.scroll-paper .pr-sec .sub,.scroll-paper .fine,.scroll-paper .pr-ch>header small span,.scroll-paper .pr-next small{color:var(--muted)}.scroll-paper .pr-meta{font-size:12px;line-height:1.9}.scroll-paper .pr-ch{padding-top:32px}.scroll-paper .pr-ch>header{border-color:var(--line2)}.scroll-paper section.pr-sum{padding:25px 0;margin-inline:auto;border-color:var(--line2);background:none;color:var(--ink)}.scroll-paper .pr-sum dd a,.scroll-paper .btn-text,.scroll-paper .pr-resume .btn{color:var(--gold2)}.scroll-paper .pr-resume{color:var(--ink);background:#f2dca333;border-color:var(--gold)}.scroll-paper .pr-next,.scroll-paper .btn,.scroll-paper .pr-end .btn{color:var(--ink);border-color:var(--line2);background:none}.scroll-paper .rtags span{color:var(--ink);border-color:var(--line2)}.scroll-paper .pr-sec p{line-height:2}.scroll-paper .pr-sec .guess{color:var(--muted)}.scroll-paper .pr-sum dl{margin:0}
/* Frame the landing invitation with matching rods as well. */
.paid{overflow:visible;border:0;padding-block:58px}.paid:before,.paid:after{content:'';position:absolute;left:-5px;right:-5px;height:17px;border:1px solid #2a180d;border-radius:4px;background:linear-gradient(#362011,#b18a52 42%,#78512b 65%,#2b180c);box-shadow:0 4px 9px #0008;pointer-events:none}.paid:before{top:0}.paid:after{bottom:0}
@media(max-width:600px){.scroll-rod{height:20px;min-height:20px}.scroll-rod:before,.scroll-rod:after{height:24px;top:-3px;width:10px}#paid .scroll-portrait{height:225px}#paid .scroll-offer-content{padding:23px 16px}#paid .scroll-offer-content h2{font-size:29px}#flow [data-pane="paidread"] .scroll-paper{margin-inline:20px;padding-inline:19px;padding-bottom:28px}.scroll-paper .scroll-book-portrait{margin-inline:-19px;height:290px}.scroll-paper .type{font-size:29px}.scroll-paper .pr-ch h2{font-size:25px}.scroll-paper .pr-sum h2{font-size:23px}.scroll-paper .pr-sum dl{grid-template-columns:1fr}.scroll-prep .scroll-portrait{height:240px}.scroll-prep-content{padding-inline:16px}.scroll-prep .say p{font-size:21px}.pr-navigation{padding-inline:17px}.scroll-paper .pr-sec p{line-height:1.95}.scroll-paper .pr-meta{font-size:11px}}
@media print{.scroll-rod,.scroll-book-portrait,.scroll-portrait{display:none!important}#flow [data-pane="paidread"] .scroll-paper{background:#fff!important;color:#111!important;margin:0!important;border:0!important;box-shadow:none!important}.scroll-paper .pr-ch h2,.scroll-paper .pr-sec h3,.scroll-paper .pr-sec p{color:#111!important}}