/* New completed stories only: preserve current book ratio and readable phone text. */
@media(max-width:720px){
  .book-main{padding-left:4px!important;padding-right:4px!important;}
  .flipbook-stage{width:100%!important;max-width:430px!important;padding:10px 7px 16px!important;border-radius:24px!important;margin-left:auto!important;margin-right:auto!important;}
  .flipbook{width:min(100%,409px)!important;max-width:409px!important;aspect-ratio:409/507!important;margin:0 auto!important;}
  .story-page,.story-page.long,.story-page.very-long{grid-template-rows:47% 53%!important;}
  .story-text,.story-page.long .story-text,.story-page.very-long .story-text{font-size:clamp(16px,4.6vw,18px)!important;line-height:1.66!important;padding:11px 11px 14px!important;gap:.18em!important;}
  .story-text .story-line,.story-page.long .story-text .story-line,.story-page.very-long .story-text .story-line{max-width:96%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;}
  .illustration-placeholder img{width:min(66%,245px)!important;max-width:66%!important;max-height:72%!important;}
  .placeholder-copy small{font-size:11px!important;line-height:1.4!important;}
}
@media(max-width:340px){
 .flipbook-stage{padding-left:3px!important;padding-right:3px!important;}
 .story-text,.story-page.long .story-text,.story-page.very-long .story-text{font-size:16px!important;line-height:1.6!important;padding:9px 9px 12px!important;}
}