/* Chapter video card (video-*, transcript-*). */
.tv-video-card { overflow: hidden; border: 1px solid color-mix(in oklab, var(--tvc-navy) 8%, transparent); border-radius: 20px; background: var(--tvc-cream); box-shadow: var(--tvc-shadow-soft); }
.tv-video-stage { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--tvc-navy); }
.tv-video-stage video { display: block; width: 100%; height: 100%; object-fit: cover; }
.tv-ch .tv-video-play { position: absolute; inset: 50% auto auto 50%; display: grid; width: 4.5rem; height: 4.5rem; place-items: center; border-radius: 999px; background: var(--tvc-gold); color: var(--tvc-navy); transform: translate(-50%, -50%); box-shadow: var(--tvc-shadow-layered); }
.tv-ch .tv-video-play:hover { background: var(--tvc-gold); color: var(--tvc-navy); }
.tv-video-question { position: absolute; z-index: 2; left: 5%; right: 5%; bottom: 5%; border-radius: 18px; padding: 1.2rem; background: color-mix(in oklab, var(--tvc-cream) 95%, transparent); box-shadow: var(--tvc-shadow-layered); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); animation: tv-video-question-in .35s ease-out; }
.tv-video-question > p { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--tvc-steel); }
.tv-video-question h2 { margin-top: .25rem; font-family: "Outfit", sans-serif; font-size: 1.35rem; font-weight: 600; }
.tv-video-question > div { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .8rem; }
.tv-ch .tv-video-question button { display: inline-flex; min-height: 2.75rem; align-items: center; justify-content: center; gap: .25rem; border: 1px solid color-mix(in oklab, var(--tvc-navy) 13%, transparent); border-radius: 8px; padding: .5rem .9rem; background: var(--tvc-cream); color: var(--tvc-navy); font-weight: 600; text-align: center; }
.tv-ch .tv-video-question button:hover { background: var(--tvc-cream); color: var(--tvc-navy); }
.tv-ch .tv-video-question .tv-video-option-selected, .tv-ch .tv-video-question .tv-video-option-selected:hover { border-color: var(--tvc-steel); background: var(--tvc-steel); color: var(--tvc-cream); }
.tv-video-points { position: relative; height: 2.8rem; margin-inline: 1.4rem; }
.tv-video-line { position: absolute; left: 0; right: 0; top: 50%; height: 2px; background: color-mix(in oklab, var(--tvc-navy) 12%, transparent); }
.tv-video-points i { position: absolute; top: 50%; width: .65rem; height: .65rem; border-radius: .18rem; background: var(--tvc-soft-gold); transform: translate(-50%, -50%) rotate(-8deg); }
.tv-video-points .tv-video-point-current { background: var(--tvc-bright); box-shadow: 0 0 0 4px color-mix(in oklab, var(--tvc-bright) 18%, transparent); }
.tv-ch .tv-video-toggle { display: flex; width: 100%; min-height: 3.5rem; align-items: center; justify-content: space-between; border-top: 1px solid color-mix(in oklab, var(--tvc-navy) 8%, transparent); padding: .8rem 1.4rem; background: transparent; color: var(--tvc-navy); font-family: "Outfit", sans-serif; font-weight: 600; }
.tv-ch .tv-video-toggle:hover { background: transparent; color: var(--tvc-navy); }
.tv-ch .tv-video-transcript { padding: .5rem 1.4rem 1.4rem; }
.tv-video-transcript li { display: grid; grid-template-columns: 3.5rem 1fr; gap: 1rem; border-radius: 8px; padding: .65rem .75rem !important; color: rgba(14, 35, 56, .55); }
.tv-video-transcript time { font-family: "Bebas Neue", sans-serif; color: var(--tvc-steel); }
.tv-video-transcript .tv-transcript-current { background: var(--tvc-blue-tint); color: var(--tvc-navy); }
@keyframes tv-video-question-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (max-width: 640px) {
	.tv-video-question { left: .65rem; right: .65rem; bottom: .65rem; padding: .85rem; }
	.tv-video-question h2 { font-size: 1rem; }
	.tv-video-question > p { font-size: .62rem; }
	.tv-video-question > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35rem; }
	.tv-ch .tv-video-question button { min-height: 2.4rem; padding: .3rem; font-size: .72rem; }
}