/* case-extra.css: film players and process boards on client case pages (2026-11-13, T-270).
   Prefix cx- is new; nothing else on the site uses it. */
.cx-sec{margin-top:var(--space-xl,56px)}
.cx-films__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;align-items:start}
.cx-film{margin:0;min-width:0}
.cx-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000;border-radius:12px;border:1px solid var(--gmp-rule,rgba(255,255,255,.14))}
.cx-film--tall video{aspect-ratio:auto;max-height:78vh;object-fit:contain}
.cx-film figcaption,.cx-boards figcaption{margin-top:8px;color:var(--gmp-soft,#b9b9c4);font-size:.88rem;line-height:1.45}
.cx-film figcaption b,.cx-boards figcaption b{color:var(--gmp-ink,#fff);font-weight:700}
.cx-boards__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;align-items:start}
.cx-boards .cx-span{grid-column:1/-1}
.cx-boards figure{margin:0;min-width:0}
.cx-boards a{display:block;border-radius:12px}
.cx-boards a:focus-visible{outline:2px solid var(--gmp-cyan,#0ff);outline-offset:3px}
.cx-boards img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--gmp-rule,rgba(255,255,255,.14));background:#f4f1ea}
.cx-note{margin:0 0 18px;color:var(--gmp-soft,#b9b9c4);max-width:70ch}
@media(max-width:620px){.cx-films__grid,.cx-boards__grid{grid-template-columns:minmax(0,1fr)}}