/* [vd-split] transcript — extracted verbatim from videos/css/video.css. Tokens (--vd-*) come from .vd in video.css. */
/* plan d'action */
.vd-plan-intro { color: var(--vd-muted); margin: 0 0 16px; }
/* product used in a given transcript segment (shoppable, attached to content) */
.vd-tr-products { margin-top: 12px; padding: 12px; background: var(--vd-bg-soft); border: 1px dashed var(--vd-line); border-radius: 12px; display: grid; gap: 10px; }
.vd-tr-products-label { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 12px; font-weight: 800; color: var(--vd-muted); text-transform: uppercase; letter-spacing: .04em; }
.vd-tr-products-label .vd-icon { font-size: 15px; color: var(--vd-icon); }
/* transcript */

/* structured (LLM-cleaned) transcript */
.vd-tr { border-top: 1px solid var(--vd-line); margin-top: 14px; }
.vd-tr-seg { padding: 18px 0; border-bottom: 1px solid var(--vd-line); }
.vd-tr-head { display: flex; gap: 12px; align-items: baseline; text-decoration: none; color: var(--vd-ink); margin-bottom: 10px; }
.vd-tr-time { display: inline-flex; align-items: center; gap: 3px; color: var(--vd-primary-dark); font-weight: 800; font-variant-numeric: tabular-nums; flex: 0 0 auto; }
.vd-tr-time .vd-icon { font-size: 16px; }
.vd-tr-title { margin: 0; font-weight: 800; font-size: 1.2rem; line-height: 1.3; color: var(--vd-ink); }
.vd-tr-head:hover .vd-tr-title { color: var(--vd-primary-dark); }
.vd-tr-body p { margin: 0 0 11px; line-height: 1.75; color: var(--vd-body); font-size: var(--vd-read); }
.vd-tr-body p:last-child { margin-bottom: 0; }