.vid{position:relative;display:block;max-width:640px;margin:var(--s-5) 0;border-radius:var(--r-3);overflow:hidden;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),var(--sh-card)}.vid img{display:block;width:100%;height:auto;aspect-ratio:16 / 9}.vid-cap{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-3) var(--s-4);font-size:var(--fs-13);line-height:var(--lh-ui);color:var(--ink-2)}.vid-cap b{font-weight:600;color:var(--ink)}
.vid-play{position:absolute;left:50%;top:calc(50% - 2rem);width:4rem;height:4rem;margin:-2rem 0 0 -2rem;border-radius:50%;background:var(--surface);box-shadow:var(--sh-lift)}.vid-play::after{content:"";position:absolute;left:1.6rem;top:1.1rem;border-style:solid;border-width:.9rem 0 .9rem 1.4rem;border-color:transparent transparent transparent var(--ink)}
.vid-fig{max-width:640px;margin:var(--s-5) 0}.vid-fig .vid{margin:0}.vid-cr{margin:var(--s-2) 0 0;font-size:var(--fs-11);line-height:var(--lh-xs);color:var(--ink-3)}.vid-cr a{color:inherit;text-decoration:underline}.vid:hover .vid-play{background:var(--accent)}.vid:hover .vid-play::after{border-left-color:var(--on-accent)}