.ctl{aspect-ratio:16/9;border:1px solid var(--color-border);background:radial-gradient(120% 120% at 20% 10%, color-mix(in srgb, var(--color-primary) 34%, #050505) 0%, #050505 70%), #050505;border-radius:20px;width:100%;position:relative;overflow:hidden}.ctl[style*=height]{aspect-ratio:auto}.ctl iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.ctl__cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ctl__veil{background:linear-gradient(#05050540 0%,#050505b8 100%);position:absolute;inset:0}.ctl__body{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.ctl__play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fefeff;cursor:pointer;background:#fefeff29;border:1px solid #fefeff80;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;transition:transform .2s,background .2s;display:grid}.ctl__play:hover{background:#fefeff47;transform:scale(1.06)}.ctl__play:focus-visible{outline-offset:3px;outline:2px solid #fefeff}.ctl__play-icon{font-size:22px;line-height:1;transform:translate(2px)}.ctl__note{max-width:46ch;font:var(--fw-normal) var(--fs-caption) / var(--lh-caption) var(--font-sans);color:#fefeffd1;margin:0}@media (max-width:640px){.ctl__play{width:54px;height:54px}.ctl__note{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.ctl__play,.ctl__play:hover{transition:none;transform:none}}@media print{.ctl{display:none}}.video-transcript{border:1px solid var(--color-border);border-radius:14px;margin-top:12px;padding:12px 16px}.video-transcript__summary{cursor:pointer;font:var(--fw-semibold) var(--fs-small) / var(--lh-small) var(--font-sans);color:var(--color-text)}.video-transcript__body p{font:var(--fw-normal) var(--fs-small) / var(--lh-small) var(--font-sans);color:var(--color-text-muted);margin:10px 0 0}
