/* Reader additions retain the existing Studios brand. */
.episode-thumb{height:150px;background:#101b2b;overflow:hidden}
.episode-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.episode-card{grid-template-columns:115px minmax(0,1fr) auto}
.episode-card h3{line-height:1.2;letter-spacing:-.04em}
[data-route="reader"]>body>header,[data-route="reader"] body>header{display:none}
.reader-head{position:sticky;top:0;z-index:30;padding:13px 0 10px;background:#0b1322f5;backdrop-filter:blur(12px)}
.reader-head .container{width:min(850px,calc(100% - 30px));gap:18px}
.reader-head .chapter-title{font-size:12px;line-height:1.4;letter-spacing:0}
.reader-head .eyebrow{display:none}
.reader-toolbar{width:min(850px,calc(100% - 30px));display:flex;justify-content:flex-end;gap:8px;margin:8px auto 0}
.reader-toolbar select,.reader-toolbar button{min-height:32px;max-width:46%;border:1px solid #ffffff24;border-radius:3px;background:#142136;color:#d7e1ef;font:11px var(--body);padding:5px 9px;cursor:pointer}
.reader-toolbar select:first-child{margin-right:auto;max-width:50%}
.reader-toolbar button[aria-pressed="true"]{color:#ffe35a;border-color:#ffe35a8a}
.reader-panels{width:min(100%,800px);background:#070a0f}
.webtoon-unit{position:relative;margin:0;padding-bottom:var(--gap);scroll-margin-top:95px}
.webtoon-unit img{width:100%;height:auto;display:block}
.panel-link{display:none;position:absolute;bottom:7px;right:9px;background:#06101dee;border:1px solid #ffffff80;color:#fff1bc;font:11px var(--body);padding:4px 10px;border-radius:3px}
.show-panel-links .panel-link{display:block}
.image-retry{display:block;margin:auto;background:#192e48;border:1px solid #cbd5e1;color:#fff;padding:18px}
.reader-controls{max-width:800px;align-items:center;flex-wrap:wrap;justify-content:space-between;padding:0 5px}
.reader-controls a{font-size:11px;letter-spacing:.04em}
.art-credits{width:min(800px,calc(100% - 36px));margin:20px auto 50px;font:11px/1.7 var(--body);color:#a0adbe}
.art-credits summary{cursor:pointer}.art-credits a{color:#e8dca5;text-decoration:underline}
.read-progress{z-index:100}
@media(max-width:600px){.reader-head .container{flex-direction:row;align-items:center}.reader-head .chapter-title{max-width:65%;font-size:10px}.reader-head .chapter-back{font-size:9px;white-space:nowrap}.reader-toolbar select,.reader-toolbar button{font-size:10px;padding-inline:6px}.reader-toolbar select:first-child{max-width:43%}.reader-toolbar select:nth-child(2){max-width:35%}.webtoon-unit{padding-bottom:calc(var(--gap)*.55);scroll-margin-top:92px}.episode-card{grid-template-columns:85px minmax(0,1fr) 13px;gap:14px;padding:12px}.episode-thumb{height:120px}.episode-card h3{font-size:18px}.episode-card p{font-size:12px}.reader-controls{margin-block:34px}.reader-controls a{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Chapter 3 preserves its approved variable panel widths and scroll pauses. */
.webtoon-unit img{width:var(--panel-scale,100%);margin-inline:auto}
.reader-panels[data-chapter="3"]{max-width:760px;background:#fff}
@media(max-width:760px){.reader-panels[data-chapter="3"] .webtoon-unit{padding-bottom:calc(var(--gap)*.78)}}

/* Chapter 4 publication preserves the approved white gutters and native title beats. */
.reader-panels[data-chapter="4"]{width:min(100%,820px);max-width:820px;background:#fff}
.chapter-title-card{background:#090b11;color:#fff;text-align:center;padding:80px 26px;font:900 clamp(24px,5vw,38px)/1.12 'Comic Sans MS','Chalkboard SE',sans-serif}
.chapter-title-card .cross{text-decoration:line-through;color:#888}
.chapter-title-card .back{display:inline-block;transform:rotate(-5deg);font-size:1.12em}
.chapter-title-card small{font:500 15px/1.4 'Comic Sans MS','Chalkboard SE',sans-serif;display:block;margin-top:23px;color:#fff}
@media(max-width:600px){.reader-panels[data-chapter="4"] .webtoon-unit{padding-bottom:calc(var(--gap)*.7)}.chapter-title-card{padding:65px 20px;font-size:24px}.reader-panels[data-chapter="4"] .title-card-unit{padding-bottom:60px}}

/* Chapter 6: poster first, established panel widths and pauses. */
.reader-panels[data-chapter="6"]{width:min(100%,700px);max-width:700px;background:#fff}
.reader-panels[data-chapter="6"] .webtoon-unit{padding-bottom:var(--gap)}
.chapter-six-timecard{text-align:center;color:#18232c;letter-spacing:2px;padding:120px 15px;font:600 24px Arial,sans-serif}

/* Chapter5: retain the reviewed white gutters and deliberate notification holds. */
.reader-panels[data-chapter="5"]{width:min(100%,680px);max-width:680px;background:#fff}
.reader-panels[data-chapter="5"] .webtoon-unit{padding-bottom:var(--gap)}