.video-heading { max-width: 980px; padding-bottom: 24px; }
.video-heading h1 { max-width: 22ch; }
.video-intro { display: grid; grid-template-columns: 1.1fr 1fr; gap: 42px; margin: 0 0 36px; }
.video-intro h2 { font-size: 1.3rem; margin-top: 0; }
.video-intro p { line-height: 1.7; }
.video-intro .scope-note { margin: 0; }
.video-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-bottom: 36px; }
.video-card { border: 1px solid var(--rule); border-radius: 6px; overflow: hidden; display: flex; flex-direction: column; }
.video-card-image { position: relative; display: block; background: #101824; }
.video-card-image img { width: 100%; height: auto; display: block; }
.video-duration { position: absolute; right: 9px; bottom: 9px; background: #111c; color: white; padding: 2px 7px; font: .8rem var(--mono); border-radius: 3px; }
.video-card-copy { padding: 22px; display: flex; flex-direction: column; flex: 1; }
.video-card-copy .eyebrow { margin: 0 0 12px; }
.video-card-copy h2 { font-size: 1.2rem; line-height: 1.4; margin: 0; }
.video-card-copy h2 a { color: inherit; }
.video-card-copy p:not(.eyebrow) { font-size: .92rem; line-height: 1.65; color: var(--muted); }
.video-card-copy > a { margin-top: auto; font-weight: 600; font-size: .88rem; }
.video-watch { max-width: 1000px; margin: 0 auto 48px; }
.video-player { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #101824; border-radius: 6px; overflow: hidden; }
.video-poster { display: block; position: absolute; inset: 0; }
.video-poster[hidden], [data-video-unload][hidden] { display: none; }
.video-poster img { width: 100%; height: 100%; display: block; object-fit: cover; }
.video-play-label { position: absolute; left: 50%; top: 72%; transform: translate(-50%,-50%); display: flex; align-items: center; gap: 14px; padding: 14px 22px; border-radius: 4px; background: #fff; color: #132d47; box-shadow: 0 3px 20px #0005; white-space: nowrap; font-weight: 700; }
.video-poster:hover .video-play-label { background: #eaf1ff; }
.video-poster:focus-visible { outline: 4px solid #5fa0ff; outline-offset: -4px; }
.video-player iframe { display: block; width: 100%; height: 100%; border: 0; }
.video-player-actions { display: flex; flex-wrap: wrap; gap: 10px 24px; align-items: center; font-size: .86rem; padding-top: 8px; }
.video-player-actions p { margin-right: auto; }
.video-watch .notice { margin-top: 0; }
.video-chapters { list-style: none; padding: 0; display: grid; gap: 9px; }
.video-chapters a { display: flex; align-items: baseline; gap: 16px; }
.video-chapters span { font: .85rem var(--mono); min-width: 4ch; color: var(--muted); }
.video-transcript-section { margin-block: 30px; }
.video-transcript-section h3 { margin-bottom: 6px; }
.video-time-link { font: .82rem var(--mono); }
@media (max-width: 1050px) { .video-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 650px) {
  .video-grid, .video-intro { grid-template-columns: 1fr; gap: 22px; }
  .video-heading h1 { font-size: 2rem; }
  .video-play-label { padding: 10px 14px; font-size: .85rem; }
  .video-watch { margin-bottom: 24px; }
}
@media print { .video-player, [data-video-unload], .video-card-image { display: none; } .video-grid { display: block; } .video-card { break-inside: avoid; margin-bottom: 16px; } }