/* Same 44px target / 36px white circle as each film's existing controls. */
.audience-controls .film-cc,.feature-controls .film-cc{font-family:STHeroInter,Inter,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1;padding:0}
.film-cc .film-cc-icon{display:block;width:24px;height:24px;filter:brightness(0) invert(1);pointer-events:none}
.film-cc[aria-pressed="true"]::after{content:'';position:absolute;bottom:7px;left:calc(50% - 4px);width:8px;height:1px;background:currentColor;pointer-events:none}
.film-cc:disabled{opacity:.6;cursor:default}
/* One reading size across hero, feature, native fallback and narrow layouts. */
.film-captions,video[data-film-captions]::cue{font-family:STHeroInter,Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.4;color:#fff}
video[data-film-captions]::cue{background:rgba(16,20,22,.88)}
.film-captions{position:absolute;z-index:6;left:50%;bottom:68px;transform:translateX(-50%);width:calc(100% - 32px);max-width:680px;text-align:center;pointer-events:none}
.film-captions[hidden]{display:none}
.film-captions>span{display:inline-block;max-width:100%;padding:5px 10px;border-radius:5px;background:rgba(16,20,22,.88);white-space:pre-line;text-wrap:pretty}
.film-captions.film-captions--beside{left:16px;transform:none}
.film-captions--beside>span{padding:4px 6px}
.audience-landing[data-audience="classroom"] .audience-controls::before{content:'';position:absolute;inset:-18px -22px;pointer-events:none;background:radial-gradient(ellipse,rgba(0,0,0,.58) 32%,rgba(0,0,0,.46) 49%,transparent 73%)}
.audience-hero .plans-cta.plans-cta--edge{left:12px;transform:none}
@media(max-width:700px){.feature-film .film-captions{bottom:64px}}