/* Compact title areas; wider book layouts for stories 03 and 04 onward. */
body.story-page .reader-sec>.wrap{width:min(1240px,92vw)}
@media(min-width:1100px){body.story-page .reader-sec>.wrap{width:min(1440px,96vw)}}
body.story-page .story-title{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px}
body.story-page .story-title-image-placeholder{width:100%;min-width:0;min-height:0!important;aspect-ratio:1.45;border-radius:26px;overflow:hidden}
body.story-page .story-title-image-placeholder img{width:100%;height:100%;min-height:0!important;object-fit:cover}
@media(max-width:1100px){body.story-page .story-title{gap:36px}}
@media(max-width:900px){body.story-page .story-title{grid-template-columns:minmax(0,1fr);gap:28px}body.story-page .story-title-image-placeholder{aspect-ratio:1.6}}

/* All title areas return to the previous 1240px maximum width. */
body.story-page .story-title{max-width:1240px;margin-inline:auto}
/* Older illustrations use the original, narrower book area. */
body.story-page.compact-story-book .reader-sec>.wrap{width:min(1240px,92vw)}

/* Reading-mode and audio/scene bars match story 01 on every story page. */
body.story-page #reader .toolbar,
body.story-page #reader .scene-controls{
 width:min(100%,1240px,92vw)!important;
 max-width:1240px!important;
 box-sizing:border-box;
 margin-left:auto!important;
 margin-right:auto!important;
}