/* Story-specific layout. Illustrations and prose share one width. */
.story-chapter{width:100%;max-width:788px;box-sizing:border-box}
.story-chapter .story-part-title,.story-chapter .story-prose,.story-chapter .story-scene{width:100%;max-width:none;box-sizing:border-box}
.story-chapter .story-scene{margin:0 0 24px}
.story-chapter .story-scene img{display:block;width:100%;height:auto;max-width:100%;border-radius:10px;object-fit:contain}
.story-chapter .story-prose{font-size:18px;line-height:1.85}
.story-chapter .webtoon-beat{margin:0 0 22px;word-break:keep-all;overflow-wrap:anywhere}
.story-chapter .webtoon-beat.dialogue{display:flex;gap:12px;align-items:baseline;padding:13px 16px;background:#f3f7fd;border-radius:5px;border-left:3px solid #4981ca;line-height:1.7}
.dialogue-speaker{flex-shrink:0;color:#3268ad;font-size:.8em;font-weight:800}
.story-chapter .webtoon-beat.sfx{font-weight:900;letter-spacing:.035em;font-size:1.3em;margin-block:38px;color:#253c5b}
.story-chapter .webtoon-beat.cliff{font-size:1.22em;font-weight:850;margin:42px 0 64px}
.story-chapter .story-part{margin-bottom:72px}
.story-chapter .story-part-title{margin-bottom:20px}
.story-chapter .scene-transcript{margin-top:28px;font-size:13px}
.story-chapter .story-heading .lead{font-size:17px;line-height:1.7}
.serial-index{min-height:55vh;padding-top:20px;padding-bottom:60px}
.story-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.story-tile{display:block;min-width:0;color:#172b45;text-decoration:none}
.story-tile img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:8px;background:#f4f6f9}
.story-tile h2{font-size:19px;font-weight:800;line-height:1.5;margin:12px 0 0}
.story-tile:hover h2,.story-tile:focus-visible h2{color:#1d64c8}
.story-tile:focus-visible{outline:2px solid #1d64c8;outline-offset:6px}
.serial-index .story-language{margin-bottom:18px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.story-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}
@media(max-width:600px){
 .story-chapter{padding-inline:18px}
 .story-chapter .story-scene{margin-inline:0}
 .story-chapter .story-scene img{border-radius:6px}
 .story-chapter .story-prose{font-size:16px;line-height:1.85}
 .story-chapter .webtoon-beat.dialogue{display:block;padding:11px 13px}
 .dialogue-speaker{display:block;margin-bottom:3px}
 .story-chapter .story-part{margin-bottom:50px}
 .story-chapter .story-heading h1{font-size:28px}
 .story-tile h2{font-size:16px}
}
@media(max-width:380px){.story-index-grid{gap:20px 12px}.story-tile h2{font-size:14px}.story-chapter{padding-inline:16px}}