/* 동화책뷰 전용 텍스트 배치. 웹뷰에는 적용하지 않는다. */
.book-layout-page>.drive-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.book-layout-page .book-text{
  --pad-x:7%;
  position:absolute;
  z-index:6;
  left:0;
  right:0;
  bottom:auto;
  max-height:none;
  overflow:visible;
  padding:4% var(--pad-x);
  background:none;
  color:#f4eee4;
  text-shadow:none;
  font-weight:700;
  line-height:1.78;
  word-break:keep-all;
  pointer-events:none;
}
.book-layout-page .book-text p{
  width:100%;
  font-size:clamp(13px,calc(2.45cqw + 2px),20px);
  line-height:1.78;
  font-weight:700;
}
.book-layout-page .book-text.compact p{font-size:clamp(12px,calc(2.3cqw + 2px),19px);line-height:1.72}
.book-layout-page .book-text.dense p{font-size:clamp(11px,calc(2.2cqw + 2px),18px);line-height:1.66}
.book-layout-page .book-top{top:3.5%}
.book-layout-page .book-middle{top:50%;transform:translateY(-50%)}
.book-layout-page .book-bottom{
  top:auto;
  bottom:0;
  padding-top:12%;
  padding-bottom:5.5%;
  background:linear-gradient(to bottom,transparent 0%,rgba(3,5,10,.12) 48%,rgba(3,5,10,.31) 100%);
}
.book-layout-page .align-left{text-align:left}
.book-layout-page .align-right{text-align:right}
.book-layout-page .align-center{text-align:center}
.book-layout-page .book-dark{color:#2f271e;text-shadow:0 0 2px rgba(255,250,236,.5),0 0 5px rgba(255,246,222,.26)}
.book-layout-page .book-ink-glow{text-shadow:0 0 2px rgba(30,26,22,.72),0 0 7px rgba(30,26,22,.48)}
.end-page p{font-weight:700}

/* 1080p 풀화면에서 일반 18~20px, 긴 문장도 18px 부근을 확보한다. */
@media(min-width:721px){
  .book-layout-page .book-text{--pad-x:6.5%}
}

/* 양면 고정 구조상 모바일에서는 페이지 폭에 맞춰 축소한다. */
@media(max-width:720px){
  .book-layout-page .book-text{--pad-x:5.5%;padding-top:3%;padding-bottom:3%}
  .book-layout-page .book-text p{font-size:clamp(10px,calc(4.5cqw + 2px),13px);line-height:1.62}
  .book-layout-page .book-text.compact p{font-size:clamp(9.5px,calc(4.15cqw + 2px),12px);line-height:1.58}
  .book-layout-page .book-text.dense p{font-size:clamp(9px,calc(3.85cqw + 2px),11px);line-height:1.52}
  .book-layout-page .book-bottom{padding-top:10%;padding-bottom:4%}
}