/* Extracted for CSP: no inline style elements */
.vt { padding-top: var(--s-7); padding-bottom: var(--s-7); border-bottom: 1px solid var(--ink-200); }
    .vt-grid { display: grid; grid-template-columns: 1.12fr 0.88fr; gap: var(--s-6); align-items: center; }
    @media (max-width: 900px) { .vt-grid { grid-template-columns: 1fr; gap: var(--s-5); } }
    .vt-player { margin: 0; position: relative; }
    .vt-poster {
      display: block; width: 100%; padding: 0; border: 0; background: none; cursor: pointer;
      border-radius: 16px; overflow: hidden; box-shadow: var(--shadow-2); position: relative;
    }
    .vt-poster img { display: block; width: 100%; height: auto; }
    .vt-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
    .vt-play > span {
      width: 84px; height: 84px; border-radius: 50%; background: rgba(255,255,255,.92);
      display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-2);
      transition: transform .18s ease, background .18s ease;
    }
    .vt-poster:hover .vt-play > span { transform: scale(1.06); background: #fff; }
    .vt-play svg { width: 30px; height: 30px; margin-left: 4px; color: var(--ink-900); }
    .vt-duration {
      position: absolute; right: 12px; bottom: 12px; background: rgba(10,27,42,.82); color: #fff;
      font-size: 12px; font-weight: 600; padding: 3px 9px; border-radius: 6px; letter-spacing: .02em;
    }
    .vt-video { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 16px; box-shadow: var(--shadow-2); background: #000; }
    .vt-quote blockquote {
      font-family: var(--font-display); font-size: clamp(20px, 2.3vw, 26px); font-weight: 500;
      letter-spacing: -.015em; line-height: 1.42; color: var(--ink-900); margin: 0 0 20px;
    }
    .vt-quote blockquote em, .vt-joni blockquote em { font-style: italic; color: var(--brand-700); font-weight: 700; }
    .vt-attrib { display: flex; align-items: center; gap: 12px; }
    .vt-attrib img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex: none; }
    .vt-attrib strong { color: var(--ink-900); }
    .vt-attrib div { font-size: var(--fs-small); color: var(--ink-500); }
    .vt-joni { background: var(--paper-2); border: 1px solid var(--ink-200); border-radius: 14px; padding: var(--s-5); }
    .vt-joni blockquote { font-size: var(--fs-lead); line-height: 1.5; color: var(--ink-700); font-style: italic; margin: 0 0 14px; }
    .vt-transcript { margin-top: var(--s-5); }
    .vt-transcript summary { cursor: pointer; font-weight: 600; color: var(--brand-700); font-size: var(--fs-small); list-style: none; }
    .vt-transcript summary::-webkit-details-marker { display: none; }
    .vt-transcript summary::before { content: "▸ "; }
    .vt-transcript[open] summary::before { content: "▾ "; }
    .vt-transcript__body { margin-top: 14px; max-width: 74ch; }
    .vt-transcript__body p { font-size: var(--fs-small); color: var(--ink-700); line-height: 1.65; margin: 0 0 12px; }
    .vt-transcript__body p strong { color: var(--ink-900); }