/* An opaque writing surface keeps text readable over all twenty frames. */
.story-paper.parchment{position:relative;isolation:isolate;box-sizing:border-box;background:#f4e7cb!important;border:1px solid #b89158!important;border-image:none!important;border-radius:6px;clip-path:none!important;box-shadow:0 12px 35px #0006!important;padding:64px 56px!important;color:#24180f!important}
.story-paper.parchment::before{content:'';display:block!important;position:absolute;inset:0;z-index:-2;background:url('/media/parchment-atlas-v32.png') var(--scroll-x) var(--scroll-y)/400% 500% no-repeat;border:0;opacity:.8;pointer-events:none}
.story-paper.parchment::after{content:'';display:block!important;position:absolute;inset:48px 30px;z-index:-1;background:#f4e7cb;border:0;border-radius:8px;box-shadow:0 0 18px 12px #f4e7cb;pointer-events:none}
.story-paper .story-dialogue,.story-paper .dialogue{font:20px/1.75 Georgia,'Times New Roman',serif!important;color:#24180f!important;text-shadow:none!important;overflow-wrap:break-word}
.story-paper .dialogue{margin:0 0 22px}.story-paper .story-dialogue .stage-direction{color:#493524!important;font-size:19px;line-height:1.75}
.story-paper .story-heading h1{font-size:42px;line-height:1.2;color:#24180f}.story-paper .story-number,.story-paper .story-kicker,.story-paper .story-ending,.story-paper .story-ending a{color:#493524!important;text-shadow:none}
.rolled-scroll{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;max-width:420px;min-height:160px;margin:16px auto;padding:32px 24px!important;background:#f4e7cb!important;border:1px solid #b89158;border-radius:5px;box-shadow:0 6px 12px #0005;color:#24180f!important;text-shadow:none!important;text-align:center;font:600 20px/1.5 Georgia,serif}
.rolled-scroll::before{content:'';display:block!important;position:absolute;inset:0;z-index:-1;width:100%;background:url('/media/parchment-atlas-v32.png') var(--scroll-x) var(--scroll-y)/400% 500% no-repeat;opacity:.22;pointer-events:none;border:0}.rolled-scroll::after{display:none!important}
.rolled-scroll small{font:15px/1.6 system-ui,sans-serif;margin-top:10px;color:#493524!important}.rolled-scroll:hover{outline:2px solid #d7b171;outline-offset:3px}
.scroll-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:min(1150px,94vw)}
.scroll-skin-preview{color:#24180f}.scroll-skin-preview strong{font:600 22px/1.3 Georgia,serif;margin-bottom:12px}.scroll-skin-preview q{font:italic 16px/1.5 Georgia,serif}.scroll-gallery-card figcaption{font:15px/1.5 system-ui;padding:10px}
@media(max-width:850px){.scroll-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.story-book{padding:0 10px}.story-paper.parchment{padding:44px 24px!important}.story-paper.parchment::after{inset:28px 14px;box-shadow:0 0 12px 8px #f4e7cb}.story-paper .story-heading h1{font-size:32px}.story-paper .story-dialogue,.story-paper .dialogue{font-size:20px!important}.rolled-scroll{padding:28px 20px!important}.scroll-skin-preview strong{font-size:22px}.scroll-skin-preview q{font-size:16px}}
@media(max-width:520px){.scroll-gallery{grid-template-columns:minmax(0,1fr);width:min(360px,92vw)}}