:root{--ink:#15354b;--night:#102d43;--gold:#f0cd72;--cream:#fffaf3;--rose:#bd5880}body{background:#fcfaf6;color:var(--ink)}.site-header{max-width:none;padding:18px max(24px,calc((100vw - 1400px)/2));gap:24px}.site-header nav{gap:22px}.site-header nav a{font-size:14px;font-weight:700}.site-header .wordmark{font-size:23px}.site-header .wordmark span{font-size:9px;letter-spacing:2px}#main{min-height:75vh}.design-home,.story-library,.cast-page{width:100%;max-width:none;margin:0}.design-home h1,.cast-page h1,.story-library h1,.music-page h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.045em;line-height:1.04}.design-home h2,.cast-page h2,.story-library h2,.music-page h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.03em;line-height:1.13;font-weight:600;font-size:clamp(32px,3.5vw,50px)}.design-home .eyebrow,.cast-page .eyebrow,.story-library .eyebrow,.music-page .eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;line-height:1.5}.cinema-hero{position:relative;min-height:620px;display:flex;align-items:center;isolation:isolate;background:var(--night);color:white;overflow:hidden}.cinema-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:67% center;z-index:-2}.cinema-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,43,.94),rgba(8,28,45,.82) 26%,rgba(8,28,45,.2) 59%,transparent 75%);z-index:-1}.cinema-copy{width:min(1400px,100%);margin:auto;padding:65px 40px}.cinema-copy h1{font-size:clamp(40px,4.5vw,70px);max-width:690px;margin:20px 0 26px;color:white}.cinema-copy h1 em{color:var(--gold);font-style:normal}.cinema-copy>p{max-width:475px;font-size:18px;line-height:1.8;color:#f2f6fc}.cinema-copy .eyebrow{color:var(--gold)}.cinema-copy .hero-note{font-size:12px;margin-top:24px;color:#e6eefa}.cinema-copy .primary{background:var(--gold);color:#102d43;border:0}.hero-secondary{color:white;border-bottom:1px solid #b6c5d1;padding:12px 0;font-weight:700}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.primary,.outline-button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:48px;border-radius:7px;padding:14px 22px;text-decoration:none;font-size:14px;font-weight:750}.outline-button{border:1px solid #9ab2c3;background:transparent;color:var(--ink)}.experience-paths{display:grid;grid-template-columns:repeat(3,1fr);width:min(1320px,calc(100% - 64px));margin:0 auto;background:white;border:1px solid #dae2e6;position:relative;border-radius:0 0 14px 14px;box-shadow:0 12px 25px #112c4410}.experience-paths a{padding:26px 30px;text-decoration:none;border-right:1px solid #dde6eb;color:var(--ink);transition:background .2s}.experience-paths a:last-child{border:0}.experience-paths a:hover{background:#eaf4f7}.experience-paths span{display:block;color:#9b702b;font-size:11px;font-weight:800;letter-spacing:2px}.experience-paths strong{display:block;font:600 23px/1.2 Georgia;margin:8px 0}.experience-paths small{font-size:13px;color:#46677c}.editorial-section{width:min(1280px,calc(100% - 64px));margin:76px auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px}.section-heading h2{margin:10px 0 0}.section-heading>p{font-size:15px;line-height:1.7;max-width:400px}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.chapter-tile{display:block;overflow:hidden;border-radius:14px;border:1px solid #d9e1e6;text-decoration:none;background:white;color:var(--ink);box-shadow:0 8px 18px #172e4210;transition:transform .25s,box-shadow .25s}.chapter-tile:hover{transform:translateY(-5px);box-shadow:0 14px 30px #172e4220}.chapter-image{aspect-ratio:16/10;overflow:hidden;position:relative}.chapter-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.chapter-tile:hover img{transform:scale(1.035)}.chapter-image>span{position:absolute;left:16px;bottom:16px;padding:7px 10px;background:#102d43e8;color:white;border-radius:4px;font-size:10px;letter-spacing:1.4px;font-weight:800}.chapter-copy{padding:24px}.chapter-copy h3{font:600 27px/1.15 Georgia;margin:8px 0 12px;letter-spacing:-.02em}.chapter-copy p{font-size:14px;line-height:1.65}.chapter-copy .eyebrow{color:#906329;font-size:10px;min-height:15px}.chapter-copy strong{display:flex;justify-content:space-between;font-size:13px;margin-top:24px;color:#276682}.section-action{text-align:center;margin-top:30px}.world-feature{display:grid;grid-template-columns:1.1fr 1fr;background:#e8f3f5;align-items:center;gap:56px;padding:54px max(32px,calc((100vw - 1280px)/2));margin:70px 0}.world-feature>img{width:100%;border-radius:18px;box-shadow:0 12px 26px #173c4e25}.world-feature p{font-size:16px;line-height:1.8}.world-roles{list-style:none;padding:0}.world-roles li{border-top:1px solid #c5dce3;padding:10px 0;display:flex;gap:16px}.world-roles strong{min-width:90px;font-size:14px}.world-roles span{font-size:13px}.song-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:42px;width:min(1280px,calc(100% - 64px));margin:80px auto;align-items:center}.song-copy h2{margin:12px 0 22px}.song-copy h2 em{font-style:normal;color:#9e456a}.song-copy>p{font-size:16px;line-height:1.8}.song-copy .actions{gap:14px}.song-copy .actions>a:last-child{font-size:13px}.song-player{aspect-ratio:16/9;position:relative;border-radius:15px;overflow:hidden;background:#102d43;box-shadow:0 15px 35px #18304722}.song-player iframe{width:100%;height:100%;border:0}.song-poster{border:0;padding:0;width:100%;height:100%;display:block;position:relative;background:#122b42;cursor:pointer;color:white;overflow:hidden}.song-poster>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.song-poster:hover>img{transform:scale(1.04)}.song-poster:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#071e38d9)}.play-disc{display:grid;place-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:#ffffffea;color:#14364d;border-radius:50%;font-size:25px;padding-left:4px;box-shadow:0 4px 20px #0004;z-index:2}.video-caption{position:absolute;left:22px;bottom:20px;color:white;font-size:11px;letter-spacing:1.5px;font-weight:800;z-index:2}.cast-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.cast-strip>a{text-align:center;text-decoration:none;color:var(--ink)}.cast-strip strong{display:block;font-size:17px;margin:13px 0 5px}.cast-strip>a>span:last-child{font-size:9px;letter-spacing:1px}.portrait{display:block;position:relative;padding:0;border:0;width:100%;border-radius:14px;overflow:hidden;background:#dce9eb;color:#163449;cursor:pointer}.portrait-window{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden}.portrait-window img{width:200%;max-width:none;height:100%;display:block;object-fit:fill;transform:translateX(0)}.portrait[aria-pressed=true] .portrait-window img{transform:translateX(-50%)}@media(hover:hover){.portrait:hover .portrait-window img{transform:translateX(-50%)}}.pose-hint{position:absolute;right:12px;bottom:12px;background:#ffffffeb;border:1px solid #ffffffcc;padding:7px 12px;border-radius:18px;font-size:11px;box-shadow:0 2px 10px #112d4430}.portrait:focus-visible{outline:4px solid #bc5890;outline-offset:4px}.learn-banner{background:#102d43;color:#f9fcff;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:60px max(32px,calc((100vw - 1280px)/2));margin-top:75px}.learn-banner h2{color:white;margin:10px 0 18px}.learn-banner .eyebrow{color:var(--gold)}.learn-banner p{max-width:620px;font-size:15px;line-height:1.8}.learn-banner>div:last-child{min-width:300px}.learn-banner .primary{background:var(--gold);color:#102d43}.learn-banner>div:last-child>p{font-size:12px}.cast-hero{position:relative;background:#102d43}.cast-hero>img{width:100%;height:clamp(300px,40vw,530px);object-fit:cover;object-position:center 40%;display:block}.cast-hero>div{position:relative;padding:30px max(32px,calc((100vw - 1280px)/2));background:#102d43;color:white}.cast-hero h1{font-size:clamp(38px,4.5vw,62px);color:white;margin:8px 0 12px}.cast-hero .eyebrow{color:var(--gold)}.cast-hero p{margin:0}.portrait-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:start}.profile-card{background:#fff;border:1px solid #d9e3e8;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #17354b0c;scroll-margin-top:120px}.profile-card>.portrait{border-radius:0}.profile-copy{padding:26px}.profile-copy h2{font-size:35px;margin:6px 0 12px}.profile-copy p{font-size:15px;line-height:1.7}.profile-copy .eyebrow{font-size:10px;color:#99642a}.profile-copy .character-line{font-family:Georgia;font-size:20px;line-height:1.3;font-style:italic}.profile-details{border-top:1px solid #d6e1e6;margin-top:24px;padding-top:17px}.profile-details summary{font-size:13px;font-weight:700;cursor:pointer}.profile-details h3{font-size:18px}.profile-details p{font-size:14px}.companions-section{scroll-margin-top:100px}.unread-art{background:linear-gradient(150deg,#152f50,#635177);color:#dec998;border-radius:10px}.library-hero{position:relative;isolation:isolate;min-height:425px;display:flex;align-items:center;color:white;overflow:hidden;background:#182448}.library-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;z-index:-2}.library-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111b3ce8,transparent);z-index:-1}.library-hero>div{width:min(1280px,calc(100% - 64px));margin:auto}.library-hero h1{font-size:clamp(40px,4.5vw,64px);color:white;max-width:580px;margin:18px 0}.library-hero p{max-width:490px;line-height:1.7}.library-hero .eyebrow{color:var(--gold)}.library-hero .primary{background:var(--gold);color:#102d43;margin-top:14px}.music-page{width:min(1100px,calc(100% - 64px));margin:48px auto 75px}.music-page>header{text-align:center;margin-bottom:32px}.music-page h1{font-size:clamp(40px,5vw,68px);margin:18px auto;color:var(--ink)}.music-page h1 em{font-style:normal;color:#9d4768}.music-page .song-player{width:100%}.music-links{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin:30px 0 15px}.media-note{text-align:center;color:#587183;font-size:12px}.lyrics{max-width:720px;margin:70px auto;column-count:2;column-gap:50px}.lyrics h2,.lyrics>.eyebrow{column-span:all}.lyrics p{font-family:Georgia;font-size:17px;line-height:1.85;break-inside:avoid;margin:0 0 25px}.lyrics .eyebrow{font-family:inherit}.music-next{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:#eaf3f5;padding:25px;border-radius:16px}.music-next img{width:100%;border-radius:10px}.music-next h2{font-size:33px;margin:12px 0 20px}.story-body .illustration{margin:30px 0}.story-body .image-open{width:100%}.reader-heading h1{font-size:clamp(38px,4.5vw,62px)}.reader-heading{padding-top:30px!important;padding-bottom:28px!important}.reader-page .reader-toolbar{margin-bottom:15px}footer{padding:30px}.text-link{font-weight:750}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ae4380;outline-offset:4px}
@media(min-width:1600px){.cinema-hero>img{object-position:center top}.cinema-hero{min-height:700px}}
@media(max-width:1050px){.site-header{flex-wrap:wrap;gap:12px;padding:16px 24px}.site-header nav{order:3;width:100%;justify-content:center;gap:24px}.site-header .language-link{margin-left:auto}.cinema-copy{padding:50px 32px}.cinema-copy h1{max-width:510px}.cinema-hero{min-height:570px}.experience-paths strong{font-size:21px}.experience-paths a{padding:23px 20px}.portrait-grid{grid-template-columns:repeat(2,1fr)}.cast-strip{grid-template-columns:repeat(3,1fr);gap:28px}.world-feature{gap:28px}.song-feature{gap:25px}.section-heading>p{max-width:320px}.chapter-copy{padding:20px}.chapter-copy h3{font-size:23px}.learn-banner{gap:25px}.learn-banner>div:last-child{min-width:220px}}
@media(max-width:700px){.site-header{padding:13px 18px;gap:11px}.site-header .wordmark{font-size:20px}.site-header nav{gap:0;justify-content:space-between;overflow:visible}.site-header nav a{font-size:12px;padding:6px 1px}.site-header .language-link{font-size:11px}.site-header .wordmark span{font-size:8px;letter-spacing:1px}.cinema-hero{display:flex;flex-direction:column;min-height:0}.cinema-hero>img{position:relative;z-index:0;height:320px;width:100%;object-position:65% center;order:0}.cinema-hero:after{display:none}.cinema-copy{padding:28px 24px 34px;order:1}.cinema-copy h1{font-size:40px;line-height:1.08;margin:15px 0 18px}.cinema-copy>p{font-size:15px;line-height:1.75}.cinema-copy .eyebrow{font-size:9px;letter-spacing:1.2px}.cinema-copy .actions{gap:16px}.cinema-copy .primary{padding:13px 18px}.cinema-copy .hero-note{font-size:10px;margin:20px 0 0}.experience-paths{width:100%;border-radius:0;grid-template-columns:1fr;box-shadow:none}.experience-paths a{padding:18px 24px;border-right:0;border-bottom:1px solid #e1e8eb}.experience-paths strong{font-size:23px;margin:6px 0}.experience-paths span{font-size:9px}.experience-paths small{font-size:12px}.editorial-section{width:calc(100% - 40px);margin:48px auto}.section-heading{display:block;margin-bottom:24px}.section-heading>p{max-width:none;font-size:14px;margin-top:20px}.section-heading>a{display:inline-block;margin-top:17px}.design-home h2,.cast-page h2,.story-library h2,.music-page h2{font-size:34px}.chapter-grid{grid-template-columns:1fr;gap:24px}.chapter-copy h3{font-size:29px}.chapter-copy{padding:23px}.chapter-copy strong{margin-top:18px}.world-feature{grid-template-columns:1fr;margin:45px 0;padding:28px 20px;gap:22px}.world-feature p{font-size:15px}.world-feature h2{margin:10px 0 17px}.world-roles li{gap:10px}.world-roles strong{min-width:78px;font-size:13px}.world-roles span{font-size:12px}.song-feature{grid-template-columns:1fr;width:calc(100% - 40px);margin:48px auto;gap:22px}.song-copy h2{font-size:36px}.song-copy>p{font-size:15px}.play-disc{width:60px;height:60px;font-size:21px}.video-caption{left:16px;bottom:14px;font-size:9px}.cast-strip{grid-template-columns:repeat(2,1fr);gap:24px 16px}.cast-strip strong{font-size:18px}.cast-strip>a>span:last-child{font-size:8px}.learn-banner{display:block;padding:36px 24px;margin-top:48px}.learn-banner>div:last-child{margin-top:23px}.cast-hero>img{height:280px;object-fit:cover;object-position:center}.cast-hero>div{padding:24px}.cast-hero h1{font-size:41px}.cast-hero p{font-size:14px}.portrait-grid{grid-template-columns:1fr;gap:28px}.profile-copy{padding:24px}.profile-copy h2{font-size:35px}.profile-card{scroll-margin-top:145px}.portrait-window{aspect-ratio:1}.library-hero{min-height:380px}.library-hero>div{width:calc(100% - 48px);padding:30px 0}.library-hero:after{background:#141d4599}.library-hero h1{font-size:44px}.library-hero .eyebrow{font-size:10px}.library-hero p{font-size:15px}.music-page{width:calc(100% - 40px);margin:30px auto 50px}.music-page h1{font-size:41px}.music-page>header>p:last-child{font-size:14px}.music-links{gap:16px}.lyrics{column-count:1;margin:45px auto}.music-next{grid-template-columns:1fr;gap:18px;padding:18px}.music-next h2{font-size:30px}.reader-toolbar{flex-wrap:wrap}.reader-heading h1{font-size:38px}.companions-section .section-heading button{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.chapter-tile,.chapter-image img,.song-poster>img{transition:none!important}.chapter-tile:hover{transform:none}}

/* EN companion collection V3 — illustrated previews, 2026-10-01 */
.companions-section{padding-top:64px}
.companions-section>.collection-note{font-size:13px;color:#586b78;margin:8px 0 28px}
.companions-section .companions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.companions-section .encounter-card{overflow:hidden;border:1px solid #dce3e6;border-radius:18px;padding:0;background:#fffdf8;display:flex;flex-direction:column;box-shadow:0 5px 18px #18364b09;transition:transform .25s ease,box-shadow .25s ease}
.encounter-art{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:#16344d;isolation:isolate}
.encounter-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.encounter-art::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#10263780);pointer-events:none}
.encounter-number{position:absolute;z-index:1;left:16px;bottom:14px;border-radius:5px;padding:5px 9px;background:#102d43ed;color:#ffe5a1;letter-spacing:.1em;font-size:11px;font-weight:800}
.encounter-enter{position:absolute;z-index:1;right:16px;bottom:13px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff9ecf2;color:#15354b;font-size:22px}
.encounter-copy{padding:20px 22px;display:flex;flex-direction:column;flex:1}
.encounter-card .encounter-status{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8b641d;font-weight:800;margin:0 0 7px}
.encounter-card.is-discovered .encounter-status{color:#176850}
.encounter-card h3{font-size:clamp(23px,2vw,30px);line-height:1.16;margin:0 0 12px}
.encounter-card .encounter-context{font-size:14px;line-height:1.55;color:#536675;margin:0 0 22px}
.encounter-card .encounter-read{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;border-top:1px solid #dfe6e9;padding-top:15px;font-size:14px;font-weight:750;text-decoration:none}
.encounter-read span{font-size:21px}
.encounter-card:focus-within{box-shadow:0 8px 26px #173c5220}
.encounter-art:focus-visible,.encounter-read:focus-visible{outline:3px solid #1278a7;outline-offset:-4px;border-radius:4px}
@media(hover:hover){.encounter-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #173c521a}.encounter-art:hover img{transform:scale(1.035)}}
@media(max-width:1099px){.companions-section .companions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media(max-width:619px){.companions-section .companions-grid{grid-template-columns:1fr;gap:24px}.companions-section{padding-top:38px}.encounter-copy{padding:19px 20px}.encounter-card h3{font-size:27px}.companions-section .section-heading{gap:14px}.companions-section .section-heading button{margin-top:0;min-height:46px}}
@media(prefers-reduced-motion:reduce){.encounter-card,.encounter-art img{transition:none}.encounter-card:hover,.encounter-art:hover img{transform:none}}
.encounter-card[data-col="COL-022"][data-state="unread"] .encounter-art img{transform:scale(1.06)} @media(hover:hover){.encounter-card[data-col="COL-022"][data-state="unread"] .encounter-art:hover img{transform:scale(1.095)}} @media(prefers-reduced-motion:reduce){.encounter-card[data-col="COL-022"][data-state="unread"] .encounter-art:hover img{transform:scale(1.06)}}
/* V4 — readable from Episode 0; people and Wilestars have distinct introductions. */
.chapter-pair{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#d5e3e9}
.chapter-pair>div{position:relative;min-width:0;background:#eaf1f4}
.chapter-pair img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block}
.chapter-pair span{position:absolute;bottom:7px;left:7px;background:#102d43eb;color:white;border-radius:3px;padding:3px 6px;font-size:9px;letter-spacing:.04em}
.chapter-copy .chapter-label{font-size:11px;letter-spacing:.1em;font-weight:800;color:#215b75;margin:0 0 14px}
.chapter-tile[data-episode-card="0"]{border:2px solid #bb9250;background:#fffcf3}
.chapter-tile:hover .chapter-pair img{transform:none}
.reading-order{display:flex;gap:7px;flex-wrap:wrap;max-width:1150px;margin:0 auto 30px;padding:14px 0;border-block:1px solid #d3dfe5}
.reading-order a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:40px;padding:6px 12px;border-radius:6px;font-size:14px;text-decoration:none;background:#edf2f4}
.reading-order a[aria-current="page"]{background:#173d56;color:white;font-weight:800}
.reader-art-links{border-bottom:1px solid #d5e0e5;margin-bottom:15px;padding-bottom:18px;display:grid;gap:8px;font-size:14px}
.reader-art-links button{text-align:left;padding:8px 0;font-size:13px}
.story-body>[data-block]{scroll-margin-top:110px}
.story-body .illustration{display:block}
.cast-switch{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:25px auto;padding:0 20px}
.cast-switch a{padding:15px 24px;border-radius:7px;border:1px solid #b9cbd5;background:white;font-size:14px;font-weight:750;text-decoration:none;min-height:48px}
.cast-switch a[aria-current=page]{background:#153c54;color:white;border-color:#153c54}
.wilestars-hero{position:relative;isolation:isolate;background:#102d43;min-height:610px;display:flex;align-items:center;color:white;overflow:hidden}
.wilestars-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;z-index:-2}
.wilestars-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081f32f5,#081f32dd 22%,#081f3250 47%,transparent 63%);z-index:-1}
.wilestars-hero>div{width:min(1400px,100%);margin:auto;padding:50px 40px}
.wilestars-hero h1{color:white;font-size:clamp(44px,4.4vw,66px);max-width:510px;margin:14px 0 24px}
.wilestars-hero p{max-width:390px;line-height:1.85;font-size:17px}
.wilestars-hero .eyebrow{color:#f0cd72}
.wilestars-hero .primary{background:#f0cd72;color:#15354b;border:0;margin-top:14px}
.world-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.world-intro p{font-size:16px;line-height:1.8}
.world-distinction{padding:28px 30px;border-left:4px solid #bf9658;background:#f4efe4;border-radius:0 12px 12px 0}
.world-distinction>strong{font:600 24px/1.25 Georgia}
.world-distinction a{font-weight:700;font-size:14px}
.wilestar-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.wilestar-profile{overflow:hidden;border:1px solid #d8e1e5;border-radius:16px;background:#fffdf8;display:grid;grid-template-columns:44% 56%;box-shadow:0 5px 15px #133b4e08;scroll-margin-top:110px}
.wilestar-portrait{background:var(--companion-tint);position:relative;display:flex;align-items:center;justify-content:center;padding:46px 15px 30px;isolation:isolate}
.wilestar-portrait img{display:block;width:100%;height:auto;mix-blend-mode:multiply;position:relative;z-index:1;transition:transform .3s}
.wilestar-number{position:absolute;top:20px;left:20px;font:800 11px/1.3 sans-serif;letter-spacing:.12em;color:#496675;border:1px solid #9badb666;border-radius:20px;padding:6px 10px}
.wilestar-copy{padding:28px 25px;display:flex;flex-direction:column}
.wilestar-copy .eyebrow{font-size:9px;letter-spacing:.1em;color:#85602e;margin:0 0 10px}
.wilestar-copy h2{font-size:32px;margin:0 0 13px}
.wilestar-copy p{font-size:14px;line-height:1.75;margin:0 0 15px}
.wilestar-copy .wilestar-line{font:600 17px/1.4 Georgia;color:#27637b}
.wilestar-copy .wilestar-focus{border-top:1px solid #dce5e8;padding-top:13px;font-size:12px;color:#536773}
.wilestar-focus strong{display:block;color:#294b60;margin-bottom:4px;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.wilestar-copy a{font-size:13px;font-weight:750;margin-top:auto;line-height:1.6}
.prologue-return{display:flex;justify-content:space-between;gap:24px;align-items:center;background:#e9f1f3;border-radius:12px;padding:26px 32px;margin-top:40px}
.prologue-return p{margin:0;max-width:550px;line-height:1.7}
@media(hover:hover){.wilestar-profile:hover .wilestar-portrait img{transform:translateY(-5px)}}
@media(max-width:1100px){.site-header nav{gap:13px}.wilestar-profile{grid-template-columns:1fr}.wilestar-portrait{height:240px;padding:36px 35px 16px}.wilestar-portrait img{width:auto;height:185px;max-width:100%;object-fit:contain}.wilestars-hero{min-height:540px}}
@media(max-width:760px){.wilestars-hero{display:block;min-height:0;background:#102d43}.wilestars-hero>img{position:relative;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;z-index:auto}.wilestars-hero:after{display:none}.wilestars-hero>div{padding:28px 24px 35px}.wilestars-hero h1{font-size:44px;max-width:none}.wilestars-hero p{max-width:none;font-size:16px}.wilestars-hero .primary{font-size:13px;width:100%;padding:14px}.world-intro{grid-template-columns:1fr;gap:20px}.world-distinction{padding:24px}.wilestar-profiles{grid-template-columns:1fr;gap:23px}.wilestar-profile{grid-template-columns:40% 60%}.wilestar-portrait{height:auto;padding:44px 9px 24px}.wilestar-portrait img{width:100%;height:auto}.wilestar-number{font-size:9px;left:12px;top:17px}.wilestar-copy{padding:23px 18px}.wilestar-copy h2{font-size:29px}.wilestar-copy .wilestar-line{font-size:16px}.wilestar-copy p{font-size:13px}.wilestar-copy .eyebrow{font-size:8px}.cast-switch{gap:10px;padding:0 16px}.cast-switch a{font-size:12px;padding:12px 14px;flex:1;text-align:center}.prologue-return{display:block;padding:24px}.prologue-return .primary{margin-top:20px}.reading-order{gap:5px}.reading-order a{min-width:34px;padding:5px 10px}.reader-art-links{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.reader-art-links strong{font-size:12px}.reader-art-links button{font-size:12px}.chapter-pair span{font-size:9px}.chapter-pair img{aspect-ratio:4/3}.wilestars-page .editorial-section{width:calc(100% - 32px)}}
@media(max-width:380px){.wilestar-profile{grid-template-columns:1fr}.wilestar-portrait{height:235px;padding:36px 40px 12px}.wilestar-portrait img{width:auto;height:180px}.wilestar-copy{padding:24px}}
@media(prefers-reduced-motion:reduce){.wilestar-portrait img{transition:none}.wilestar-profile:hover .wilestar-portrait img{transform:none}}

.wilestars-hero>img{object-fit:contain;object-position:right center}@media(max-width:760px){.wilestars-hero>img{object-fit:cover;object-position:center}}
@media(max-width:760px){.site-header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:9px 4px;overflow:visible}.site-header nav a{text-align:center;font-size:12px;padding:6px 2px;white-space:nowrap}}

/* V5: an illustrated opening, with an explicit choice to resume. */
.episode-cover{width:calc(100% - 64px);max-width:1280px;margin:30px auto 34px;display:grid;grid-template-columns:1.18fr 1fr;background:#102d43;color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 38px #102d4322;scroll-margin-top:18px}
.episode-cover .episode-cover-art{margin:0;background:#0b2335;min-width:0;display:flex;flex-direction:column;justify-content:center}
.episode-cover-art .image-open{border:0;border-radius:0;background:transparent;padding:0;width:100%;display:block;flex:none}
.episode-cover-art .image-open img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.episode-cover .episode-cover-art figcaption{color:#c0d1dc;font:11px/1.5 Arial,sans-serif;margin:0;padding:10px 16px}
.episode-cover-copy{padding:clamp(28px,3.3vw,48px);display:flex;flex-direction:column;justify-content:center}
.episode-cover-copy .eyebrow{color:#f0cd72;font:800 11px/1.6 Arial,sans-serif;letter-spacing:2px;margin:0 0 12px}
.episode-cover-copy .episode-theme{color:#bbd3df;font:italic 17px/1.4 Georgia,serif;margin:0 0 16px}
.episode-cover-copy h1{color:#fff;font:600 clamp(30px,3.4vw,49px)/1.09 Georgia,serif;letter-spacing:-.025em;margin:0 0 22px;overflow-wrap:break-word}
.episode-cover-copy .episode-hook{color:#e4edf2;font:16px/1.75 Arial,sans-serif;margin:0 0 25px;max-width:420px}
.episode-cover-actions{display:flex;align-items:flex-start;flex-direction:column;gap:17px}
.episode-cover-actions .primary{background:#f0cd72;color:#102d43;border:0;font-size:14px;min-height:49px;cursor:pointer}
.resume-reading{color:#fff;background:transparent;border:0;border-bottom:1px solid #adc5d2;padding:6px 0;font:700 13px/1.5 Arial,sans-serif;cursor:pointer}
.episode-cover-copy .episode-cover-note{font:12px/1.6 Arial,sans-serif;color:#b8cdd8;margin:22px 0 0}
.reader-page .reader-toolbar{margin-bottom:20px}.story-body{scroll-margin-top:100px}.illustration-position{height:0;margin:0;padding:0}
@media(max-width:760px){.episode-cover{width:calc(100% - 32px);margin:18px auto 24px;grid-template-columns:1fr;border-radius:13px}.episode-cover-copy{padding:25px 23px 28px}.episode-cover-copy h1{font-size:35px;line-height:1.1;margin-bottom:16px}.episode-cover-copy .episode-theme{font-size:15px;margin-bottom:13px}.episode-cover-copy .episode-hook{font-size:15px;line-height:1.7;margin-bottom:21px}.episode-cover-art figcaption{font-size:10px!important}.episode-cover-actions .primary{width:100%;padding:13px 12px}.episode-cover-copy .episode-cover-note{font-size:11px;margin-top:18px}.episode-cover-copy .eyebrow{font-size:10px;letter-spacing:1.5px}.story-body{scroll-margin-top:105px}}

@media(max-width:420px){.episode-cover-copy{padding:22px 23px 24px}.episode-cover-copy h1{font-size:31px;line-height:1.08;margin-bottom:14px}.episode-cover-copy .episode-hook{font-size:14px;line-height:1.6;margin-bottom:18px}}

/* English security comics: existing approved pages, presented without cropping. */
.comics-feature{background:#f0f5f8;border-top:1px solid #d5e2e9;border-bottom:1px solid #d5e2e9}
.comics-feature .section-heading>div:last-child{max-width:430px}
.comic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.comic-card{color:var(--ink,#163748);text-decoration:none;background:#fff;border:1px solid #c9dce6;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #1736460a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.comic-card:hover,.comic-card:focus-visible{transform:translateY(-5px);box-shadow:0 14px 32px #17364620}
.comic-card-art{position:relative;background:#dbe9ef;padding:14px 14px 30px}
.comic-card-art img{display:block;width:100%;height:350px;object-fit:contain;filter:drop-shadow(0 4px 6px #15344b24)}
.comic-page-badge{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#14364b;color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.08em}
.comic-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}
.comic-card-copy .eyebrow{font-size:11px;letter-spacing:.08em;color:#256984}
.comic-card-copy h3{font-size:27px;line-height:1.2;margin:7px 0 15px}
.comic-card-copy p:not(.eyebrow){font-size:16px;line-height:1.65;margin:0 0 20px}
.comic-card-copy strong{margin-top:auto;color:#155b7c;display:flex;justify-content:space-between;border-top:1px solid #dbe5eb;padding-top:17px}
.comics-intro{margin:0 0 38px;max-width:980px}
.comics-intro h1{font-size:clamp(38px,4.7vw,68px);line-height:1.08;margin:14px 0 24px}
.comics-intro em{color:#a77330}
.comics-intro .lead{font-size:20px;line-height:1.65}
.comics-count{font-size:14px;letter-spacing:.035em;color:#356174}
.comic-story-link{display:flex;justify-content:space-between;align-items:center;gap:32px;background:#eaf2f5;padding:34px;margin-top:50px;border-radius:16px}
.comic-story-link h2{font-size:32px;margin:10px 0}.comic-story-link p{margin:8px 0}.comic-story-link .primary{flex-shrink:0}
.comic-reader{max-width:900px;margin:auto;padding:38px 24px 70px}
.comic-heading h1{font-size:clamp(32px,4.3vw,55px);line-height:1.13;margin:12px 0 18px}
.comic-heading .eyebrow{font-size:12px;margin-top:28px}.comic-heading .lead{font-size:21px;line-height:1.5}.comic-heading p:last-child{font-size:14px;color:#466979}
.comic-page-nav{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px;background:#e8f2f7;border-radius:10px;margin:25px 0}
.comic-page-nav .quiet{min-height:44px;padding:8px 12px;color:#174a68}
.comic-sheet{margin:0 0 36px;scroll-margin-top:110px}
.comic-sheet figcaption{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:13px;letter-spacing:.06em}
.comic-sheet figcaption .quiet{min-height:44px;color:#175c7b}
.comic-sheet-image{display:block;padding:0;width:100%;border:0;background:none;cursor:zoom-in}
.comic-sheet-image img{display:block;width:100%;height:auto;border:1px solid #cddce6;border-radius:6px;box-shadow:0 6px 20px #17364612}
.comic-takeaway{background:#12374d;color:#fff;padding:32px;border-radius:12px}.comic-takeaway h2{font-size:28px;line-height:1.3}.comic-takeaway .eyebrow{color:#e7c775}.comic-takeaway .text-link{color:#fff}.comic-takeaway .actions{gap:20px}
@media(max-width:1000px){.site-header nav{gap:15px}.comic-grid{gap:18px}.comic-card-copy{padding:19px}.comic-card-copy h3{font-size:24px}.comic-card-art img{height:300px}}
@media(max-width:760px){.comic-grid{grid-template-columns:1fr}.comic-card{max-width:520px;width:100%;margin-inline:auto}.comic-card-art img{height:380px}.comic-card-copy{padding:24px}.comics-intro .lead{font-size:18px}.comic-story-link{flex-direction:column;align-items:flex-start;padding:25px}.comic-reader{padding:28px 14px 48px}.comic-heading .lead{font-size:18px}.comic-heading h1{font-size:34px}.comic-page-nav{gap:8px;font-size:14px}.comic-page-nav .quiet{padding:8px}.comic-takeaway{padding:24px}.comic-takeaway h2{font-size:24px}.comic-sheet{scroll-margin-top:165px}}
@media(prefers-reduced-motion:reduce){.comic-card{transition:none}.comic-card:hover,.comic-card:focus-visible{transform:none}}
.comics-library{padding-top:36px}
.comics-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:45px;max-width:none;margin-bottom:28px}
.comics-intro>.eyebrow{grid-column:1/-1;margin:0 0 14px}
.comics-intro h1{font-size:clamp(34px,3.8vw,54px);grid-column:1;grid-row:2/4;margin:0}
.comics-intro .lead{font-size:18px;margin:0;align-self:center}
.comics-intro .comics-count{margin:13px 0 0}
@media(max-width:760px){.comics-library{padding-top:28px}.comics-intro{display:block}.comics-intro h1{font-size:37px;margin:10px 0 18px}.comics-intro .lead{font-size:16px}.comics-intro .comics-count{font-size:12px}}
/* Portrait comic pages need readable enlargement, not a height-constrained poster preview. */
dialog:has(img[src*="/knowledge-comics/"]){width:96vw;max-width:1180px;overflow:auto}
dialog:has(img[src*="/knowledge-comics/"]) #expanded-image{width:100%;height:auto;max-height:none}
dialog:has(img[src*="/knowledge-comics/"]) form{position:sticky;top:0;left:0;z-index:2;height:42px;margin-bottom:12px;background:#fff}
dialog:has(img[src*="/knowledge-comics/"]) .dialog-close{top:0;right:0}
@media(max-width:760px){dialog:has(img[src*="/knowledge-comics/"]) #expanded-image{width:900px;max-width:none}dialog:has(img[src*="/knowledge-comics/"]) form{width:calc(96vw - 40px)}dialog:has(img[src*="/knowledge-comics/"]) h2::after{content:'Enlarged view — swipe sideways and scroll to read.';display:block;font:13px/1.5 Arial,sans-serif;margin-top:8px}}

/* Read-along controls remain available without changing the story or its artwork. */
.reading-dock{position:sticky;top:0;z-index:8;background:#fffdf8f7;backdrop-filter:blur(8px);box-shadow:0 4px 14px #14364b0e}
.reading-dock .reader-toolbar{position:static;backdrop-filter:none;padding-block:7px}
.narration-panel{padding:12px 4.5% 9px;border-bottom:1px solid #cadde7;background:#eef5f8}
.narration-main{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.narration-heading{font:700 11px/1.3 Arial,sans-serif;letter-spacing:.12em;color:#255d73}
.narration-buttons{display:flex;gap:6px}.narration-buttons button{min-height:42px;padding:9px 15px;border:1px solid #b7ceda;border-radius:7px;background:white;color:#17384b;font:600 14px Arial,sans-serif}
.narration-buttons [data-narration-play]{background:#173d57;color:#fff;border-color:#173d57}
.narration-panel button:disabled,[data-listen-episode]:disabled,.paragraph-listen:disabled{opacity:.45;cursor:not-allowed}
.narration-speed{display:flex;align-items:center;gap:8px;font-size:13px}.narration-speed select{padding:9px 7px;min-height:42px;background:white;border:1px solid #b7ceda;border-radius:6px;color:#183b50}
.narration-status{font:13px/1.5 Arial,sans-serif;margin:8px 0 0;color:#335c70}
.narration-options{position:relative;font:13px/1.5 Arial,sans-serif;margin-left:auto}
.narration-options summary{min-height:42px;display:flex;align-items:center;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.narration-options>div{position:absolute;top:46px;right:0;width:330px;max-width:80vw;padding:18px;background:white;border:1px solid #bbcfd9;box-shadow:0 8px 24px #17374824;border-radius:9px;z-index:10}
.narration-options label{display:block}.narration-options select{width:100%;padding:10px 5px;margin:7px 0 14px;border:1px solid #bccfda}.narration-options .narration-follow{display:flex;gap:9px;align-items:flex-start}.narration-options p{font-size:12px;line-height:1.6;margin-bottom:0;color:#456270}
.paragraph-listen{float:right;margin:1px 0 3px 12px;width:34px;height:34px;min-height:34px;padding:0;border:1px solid #cadde4;border-radius:50%;background:#f0f6f8;color:#2c6178;font:12px Arial,sans-serif;cursor:pointer}
.paragraph-listen:hover,.paragraph-listen:focus-visible{background:#173d57;color:#fff}
.story-body .readable-paragraph{position:relative;scroll-margin-top:var(--reading-dock-height,190px)}
.story-body .is-speaking{background:#fff0c6;box-shadow:-6px 0 #b78327,6px 0 #fff0c6;border-radius:3px}
.story-body .is-speaking.is-paused{background:#edf2f5;box-shadow:-6px 0 #78919f,6px 0 #edf2f5}
.story-body [data-block]{scroll-margin-top:var(--reading-dock-height,190px)}
.episode-listen{min-height:46px;border:1px solid #e2c780;background:#f8e7b6;color:#15374d;border-radius:6px;padding:12px 18px;font-weight:700;cursor:pointer}
.narration-panel button:focus-visible,.episode-listen:focus-visible{outline:3px solid #b58427;outline-offset:3px}
@media(max-width:760px){.narration-panel{padding:9px 14px 8px}.narration-main{gap:7px 10px}.narration-heading{display:none}.narration-buttons{gap:4px}.narration-buttons button{padding:8px 10px;font-size:12px;min-height:40px}.narration-speed{font-size:12px;gap:4px}.narration-speed select{min-height:40px;padding:6px 3px}.narration-options{margin-left:0}.narration-options summary{min-height:30px}.narration-options>div{left:0;right:auto;top:34px;max-width:calc(100vw - 40px)}.narration-status{font-size:12px;margin-top:4px}.paragraph-listen{width:30px;height:30px;min-height:30px;margin-left:8px}.episode-listen{width:100%}}
.narration-progress{display:flex;align-items:center;gap:12px;margin-top:7px}.narration-progress input{flex:1;min-width:40px;accent-color:#24566c;cursor:pointer}.narration-progress span{font:12px Arial,sans-serif;white-space:nowrap;color:#335c70}.narration-voice{font-weight:700;margin-top:0}

.reader-page .story-body{scroll-margin-top:var(--reading-dock-height,210px)}
@media(min-width:1001px){.reader-page .reader-aside{top:var(--reading-dock-height,210px)}}