/* Scoped to the Traditional Chinese story index; shared pages stay intact. */
.bedtime-coast .coast-opening{position:relative;isolation:isolate;display:grid;grid-template-columns:1.18fr .82fr;align-items:center;min-height:560px;margin:20px 0 64px;gap:16px}
.bedtime-coast .coast-opening .section-head{position:relative;z-index:1;max-width:650px;margin:0;padding:36px 0}
.bedtime-coast .coast-opening h1{font-size:clamp(2.5rem,4.25vw,3.7rem);line-height:1.45;letter-spacing:.015em;text-wrap:initial;margin:16px 0 28px}
.bedtime-coast .title-line{display:block;white-space:nowrap}.bedtime-coast .title-phrase{display:inline-block;white-space:nowrap}
.bedtime-coast .coast-hero-art{position:absolute;right:-40px;top:0;width:66%;height:100%;object-fit:contain;object-position:right center;z-index:0;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 35%,#000),linear-gradient(180deg,transparent,#000 17%,#000 80%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000),linear-gradient(180deg,transparent,#000 17%,#000 80%,transparent);-webkit-mask-composite:source-in}
html:root body.bedtime-coast .coast-series{background:transparent!important;border:0!important;border-radius:0;overflow:visible;grid-template-columns:.75fr 1.25fr;align-items:center;gap:30px}
.bedtime-coast .coast-series-art{background:none;max-width:320px;justify-self:center;width:100%}
.bedtime-coast .coast-series-art img{display:block;width:100%;height:auto;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 79%,transparent),linear-gradient(180deg,transparent,#000 17%,#000 72%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 79%,transparent),linear-gradient(180deg,transparent,#000 17%,#000 72%,transparent);-webkit-mask-composite:source-in}
.bedtime-coast .coast-series .story-body{padding:28px 0}.bedtime-coast .coast-episodes{margin-top:50px;gap:32px}.bedtime-coast .coast-episodes article{min-width:0}.bedtime-coast .episode-art{display:block;width:100%;height:auto;aspect-ratio:600/340;margin:15px 0 24px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 85%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 85%,transparent);-webkit-mask-composite:source-in}
.bedtime-coast .coast-episodes h3{margin:0 0 16px;line-height:1.5;font-size:1.4rem}.bedtime-coast .coast-invitation{margin-top:65px;padding-top:38px;max-width:750px}
html:root body.bedtime-coast .nw-ambient{position:relative;isolation:isolate;padding-top:44px;margin-top:65px;background:transparent!important}.bedtime-coast .nw-ambient:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse 100% 20% at 80% 35%,transparent 0 23px,rgba(157,184,191,.045) 24px 25px,transparent 26px 48px);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 70%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 70%,transparent)}
.bedtime-coast .nw-player audio{color-scheme:dark;accent-color:#cfbd95}.bedtime-coast .nw-player select,.bedtime-coast .nw-player button{background:var(--bg-elevated);border-color:var(--border);color:var(--text)}.bedtime-coast .coast-audio-retry{margin-top:14px;padding:8px 18px;min-height:44px}.bedtime-coast .coast-audio-feedback{font-size:.9rem;color:var(--text-muted);margin:14px 0 0}
html[data-theme=dim] .bedtime-coast .coast-hero-art,html[data-theme=dim] .bedtime-coast .episode-art,html[data-theme=dim] .bedtime-coast .coast-series-art img{filter:brightness(.84) saturate(.82)}
html[data-theme=dawn] .bedtime-coast .nw-player audio{color-scheme:light}
@media(max-width:1000px){.bedtime-coast .coast-opening h1{font-size:clamp(2.25rem,4.5vw,3rem)}.bedtime-coast .coast-opening{grid-template-columns:1fr;min-height:520px}.bedtime-coast .coast-opening .section-head{max-width:580px}.bedtime-coast .coast-hero-art{width:60%;opacity:.7;right:-24px}.bedtime-coast .coast-episodes{gap:24px}}
@media(max-width:700px){.bedtime-coast .coast-opening{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:16px 0 40px;min-height:0}.bedtime-coast .coast-opening .section-head{padding:20px 0 0;max-width:none}.bedtime-coast .coast-opening h1{font-size:clamp(2rem,6.5vw,2.8rem);line-height:1.5}.bedtime-coast .title-line{white-space:normal}.bedtime-coast .coast-hero-art{position:relative;right:auto;top:auto;width:100%;height:auto;aspect-ratio:900/650;max-height:330px;margin-top:-12px;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 80%,transparent)}html:root body.bedtime-coast .coast-series{grid-template-columns:.65fr 1fr;gap:16px}.bedtime-coast .coast-series .story-body{padding:0}.bedtime-coast .coast-series h2{font-size:2rem}.bedtime-coast .coast-episodes{grid-template-columns:1fr;gap:44px;margin-top:45px}.bedtime-coast .episode-art{max-width:540px;margin:12px 0 20px}.bedtime-coast .coast-invitation{margin-top:48px}.bedtime-coast .coast-series-art{max-width:200px}}
@media(max-width:420px){html:root body.bedtime-coast .coast-series{grid-template-columns:1fr;gap:0}.bedtime-coast .coast-series-art{width:175px;margin-bottom:8px}.bedtime-coast .coast-series .story-body{width:100%}}

/* One light owner on the actual image container. SVG lantern: 240,175.
   Absolute percentage height uses the illustration's explicit aspect ratio.
   Translate belongs inside every keyframe so the pivot stays at the lamp. */
html:root body.bedtime-coast .coast-series-art{
 position:relative;isolation:isolate;overflow:hidden;aspect-ratio:480/600;
 --coast-lamp-strength:.82;
}
html:root body.bedtime-coast .coast-series-art::before{
 content:''!important;display:block!important;position:absolute;z-index:2;
 left:50%;top:29.166667%;width:94%;height:25%;
 margin:0!important;border:0;border-radius:0;box-shadow:none;
 pointer-events:none;transform-origin:0 50%;
 background:linear-gradient(90deg,rgba(248,222,163,.56),rgba(238,210,146,.28) 20%,rgba(231,207,152,.10) 54%,transparent 100%);
 clip-path:polygon(0 48%,100% 4%,100% 96%,0 52%);
 -webkit-mask-image:linear-gradient(180deg,transparent,#000 35%,#000 65%,transparent);
 mask-image:linear-gradient(180deg,transparent,#000 35%,#000 65%,transparent);
 opacity:var(--coast-lamp-strength);filter:blur(.7px);
 transform:translateY(-50%) rotate(160deg);
 animation:coast-lighthouse-sweep 12s ease-in-out infinite!important;
}
html:root body.bedtime-coast .coast-series-art::after{
 content:''!important;display:block!important;position:absolute;z-index:3;
 left:50%;top:29.166667%;width:28%;height:auto;aspect-ratio:1;
 margin:0;transform:translate(-50%,-50%);pointer-events:none;
 background:radial-gradient(circle,rgba(255,231,169,.38),rgba(235,204,134,.13) 30%,transparent 70%);
 opacity:var(--coast-lamp-strength);border:0;box-shadow:none;animation:none;
}
@keyframes coast-lighthouse-sweep{
 0%,100%{transform:translateY(-50%) rotate(160deg)}
 50%{transform:translateY(-50%) rotate(200deg)}
}
html[data-theme=dim] body.bedtime-coast .coast-series-art{--coast-lamp-strength:.58}
html[data-theme=dawn] body.bedtime-coast .coast-series-art{--coast-lamp-strength:.68}
html.forest-motion-off body.bedtime-coast .coast-series-art::before{
 animation:none!important;transform:translateY(-50%) rotate(180deg);opacity:.23;
}
html.forest-tab-hidden body.bedtime-coast .coast-series-art::before,
body.bedtime-coast.tab-hidden .coast-series-art::before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
 html:root body.bedtime-coast .coast-series-art::before{
 animation:none!important;transform:translateY(-50%) rotate(180deg);opacity:.23;
 }
}