/* Content-fit321 layout. Hosts remain stationary on the support; original WEBP motion is unchanged. */
body{background:#fbf9f5;color:#40352b}
header{flex-wrap:wrap}.hero .lead{max-width:38ch}
.hero-candy p,.tbc5-hint{color:#69523d}
.tbc5-travel{min-height:0;padding:4.5rem 2rem;display:block}
#video-story321 .tbc5-frame{position:static;align-items:start;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2.5rem}
.tbc5-copy,.tbc5-stage,.full-transcript,.video-transcript{min-width:0}
.tbc5-captions{max-width:none}.tbc5-caption:last-child p{margin-bottom:0}
.tbc5-stage{align-self:center}.tbc12-photo-window{aspect-ratio:var(--photo-ratio,3/2)}
.tbc12-photo{object-fit:contain}.tbc5-actor{width:42%;left:29%;bottom:calc(var(--ground-bottom) - var(--blank-bottom) * var(--actor-height-ratio));transform:none}
#video-story321 .tbc5-actor{--blank-bottom:var(--visible-blank-bottom)}
.tbc5-pose{filter:none}.tbc12-contact-shadow{left:44%;width:12%;bottom:calc(var(--ground-bottom) - .6%)}
.educational-diagram{grid-column:1/-1;margin:0 auto;width:min(100%,960px)}
.educational-diagram>a{display:block}.educational-diagram figcaption{color:#69523d;padding:.75rem 0;line-height:1.65}
.educational-diagram figcaption a{text-decoration:underline;text-underline-offset:.2em}
.media-scope{max-width:50rem;margin:1rem auto 1.5rem;color:#69523d;font-size:.85rem}
.chapters a{min-height:44px;display:flex;align-items:center;line-height:1.5}
.quiz-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;list-style:none;padding:0;margin:1.5rem auto;max-width:45rem}
.quiz-options li{border:1px solid #bba58b;border-radius:.4rem;padding:.8rem;background:#fbf9f5;font-size:1rem}
.question details p+p{padding-top:0}.read-story summary,.video-transcript summary{overflow-wrap:anywhere}
footer .pill{margin:0 1rem 1rem}footer>a:not(.pill){display:inline-block;padding:.5rem;min-height:44px}
dialog{max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow:auto;overscroll-behavior:contain}
dialog img{width:360px;max-width:100%;max-height:min(50vh,360px);max-height:min(50dvh,360px);object-fit:contain}
dialog h2{overflow-wrap:anywhere}#close-viewer{min-height:44px}
@media(max-width:900px){#video-story321 .tbc5-frame{grid-template-columns:1fr;gap:1.5rem}.tbc5-travel{padding:3rem 1.5rem}.tbc5-stage{width:100%;max-width:45rem;margin:auto}.tbc5-captions{max-width:none}}
@media(max-width:500px){.tbc5-travel{padding:2.5rem 1rem}.quiz-options{grid-template-columns:1fr;text-align:left}.tbc5-copy h2{font-size:1.7rem}.chapters{justify-content:flex-start;padding:1rem}.chapters a{flex:1 1 100%}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.sticker-card span{overflow-wrap:anywhere}}
@media(max-width:320px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-inline:1rem}.hero h1{font-size:2.1rem}}
@media(max-height:500px) and (min-width:761px){.hero{min-height:0;padding-block:2rem}.tbc5-travel{padding-block:2.5rem}.hero-candy{max-width:20rem;margin:auto;width:100%}}
@media(prefers-reduced-motion:reduce){.tbc5-actor{transform:none}}

/*321 private preview:80px baseline header; enlarged text may expand normal flow.*/
header{min-height:80px;height:auto}
.video-pending{padding:2.5rem 1rem;color:#40352b;background:#eee6db}.video-pending p+p{margin-top:.6rem}.private-review-note{font-size:.85rem;color:#69523d;margin:1rem auto;max-width:50rem}.diagram-pending-note{font-size:.8rem;color:#69523d}

/*321 scene6 safety copy is visible normal-flow text, not a card.*/
.safety-note321{max-width:55rem;margin:0 auto;padding:3rem 1.5rem;background:none;border:0;border-radius:0;box-shadow:none}.safety-note321 h2{font-size:clamp(1.3rem,2.2vw,1.6rem);font-weight:600;line-height:1.5;letter-spacing:-.035em;margin-bottom:1rem}.safety-note321 p{font-size:1rem;line-height:1.8;color:#40352b;word-break:keep-all;overflow-wrap:anywhere}.safety-note321 p+p{margin-top:.55rem}

/*321 initial footer ink contrast margin; actual browser QA pending.*/
footer p{color:#67574b}