@font-face{font-family:BalapanStory;src:url('/static/fonts/Caveat-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:BalapanStory;src:url('/static/fonts/Caveat-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
/* One illustrated canvas, with live selectable text over a soft paper wash. */
.book-cover-display{position:relative;isolation:isolate;overflow:hidden}
.illustrated-cover-title{position:absolute;inset:auto 0 0;padding:24% 8% 9%;text-align:center;font-family:BalapanStory,cursive;font-size:clamp(30px,4vw,46px);line-height:1.14;color:#244c40;background:linear-gradient(to top,#fffdf5f5 0%,#fffdf5dc 55%,#fffdf500);overflow-wrap:anywhere;text-wrap:balance}
.reader-fullscreen .book-reader{width:min(100%,calc(100dvh - 150px));max-width:950px;border-radius:8px;overflow:hidden}
.reader-fullscreen .reader-spread.illustrated-page{position:relative;isolation:isolate;display:flex;align-items:center;min-height:calc(100dvh - 150px);height:auto;aspect-ratio:1;background:#fffdf5}
.reader-fullscreen .illustrated-page>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-height:none;object-fit:cover;aspect-ratio:auto}
.illustrated-page:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fffdf5f5 0%,#fffdf5ef 25%,#fffdf5b8 43%,#fffdf500 76%);pointer-events:none}
.illustrated-page.text-right:before{transform:scaleX(-1)}
.reader-fullscreen .illustrated-page .reader-text{width:52%;padding:8% 4% 9% 6%;background:none;box-shadow:none;overflow:visible;min-height:0}
.reader-fullscreen .illustrated-page.text-right .reader-text{margin-left:auto;padding:8% 6% 9% 4%}
.reader-fullscreen .illustrated-page .reader-text>p{font-family:BalapanStory,cursive;font-size:clamp(22px,2.8vh,28px);line-height:1.35;font-weight:500;color:#203c33;margin:0;overflow-wrap:anywhere;text-wrap:pretty}
.illustrated-page .page-bottom{position:absolute;bottom:3%;left:6%;right:6%;margin:0;font-size:10px;color:#244c40}
.illustrated-page .page-bottom>span{background:#fffdf5e8;padding:2px 8px;border-radius:50%}
@media(max-width:760px){
 .reader-fullscreen .book-reader{width:100%;max-width:600px}
 .reader-fullscreen .reader-spread.illustrated-page{min-height:calc(100dvh - 165px);aspect-ratio:auto;align-items:flex-start}
 .reader-fullscreen .illustrated-page .reader-text,.reader-fullscreen .illustrated-page.text-right .reader-text{width:67%;padding:9% 5% 16%;}
 .reader-fullscreen .illustrated-page .reader-text>p{font-size:clamp(22px,5.4vw,26px);line-height:1.35}
 .illustrated-page:before{background:linear-gradient(90deg,#fffdf5f5 0%,#fffdf5eb 42%,#fffdf5b3 59%,#fffdf500 95%)}
}
@media(prefers-reduced-motion:reduce){.illustrated-page{animation:none!important}}

.reader-cover:before{display:none}
.reader-fullscreen .reader-cover .illustrated-cover-title{font-size:clamp(32px,5vw,64px);font-weight:700}