/* qa-film3.css (SITE POLISH part C, Fri Oct 16 2026): FILM v3 on (CAPTAIN 1145 §C). Loaded after qa-film.css (home) and p7.css (§7).
   1. The §7 card's play button sits on v3's own spot (the per-poster setting, S/final/film/trades/cleaning.json film.play: 50% across,
      100% down, the lower-middle). Home's card reads the same setting through --qa-px / --qa-py on .qa-film-wrap.
   2. The captions track's look, when it shows (captions mode "burned": the film carries its own captions, the track stays off unless a viewer turns it on): ink box, white Archivo, a size up on phones.
   3. "Turn on sound": shows only while the film plays muted, centred just under the card (where the play button was), so it never
      covers the film or its captions; one tap turns the voice on and it goes. */
.p7-film .qa-film-play{left:50%;top:100%}
#qaFilm::cue{background:rgba(13,18,51,.84);color:#fff;font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:600}
@media (max-width:699px){#qaFilm::cue{font-size:125%}}
.qa-film-box .qa-film-sound{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);z-index:3;display:inline-flex;align-items:center;gap:7px;height:36px;margin:0;padding:0 15px 0 12px;border:0;border-radius:999px;background:#fff;color:var(--ink);font:800 15px/1 "Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.01em;white-space:nowrap;box-shadow:0 0 0 1px var(--line),0 10px 24px -12px rgba(13,18,51,.55);cursor:pointer;-webkit-tap-highlight-color:transparent}
.qa-film-box .qa-film-sound[hidden]{display:none}
.qa-film-box .qa-film-sound svg{width:18px;height:18px;flex:none}
.qa-film-box .qa-film-sound:hover{box-shadow:0 0 0 1px var(--violet),0 10px 24px -12px rgba(13,18,51,.55)}
.qa-film-box .qa-film-sound:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
@media (max-width:699px){.qa-film-box .qa-film-sound{top:calc(100% + 7px);height:34px;padding:0 13px 0 10px;font-size:14px}.qa-film-box .qa-film-sound svg{width:16px;height:16px}}