/* One editorial layout for every approved video. */
.video-gallery { display: grid; gap: 56px; margin-bottom: 112px; }
.video-card { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: 40px; padding: 32px 0; border-top: 1px solid var(--line-strong); }
.video-card-cover { position: relative; display: block; align-self: start; aspect-ratio: 16 / 9; overflow: hidden; background: var(--navy); border-radius: 6px; }
.video-card-cover img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16 / 9; transition: transform .2s ease; }
.video-card-cover:hover img { transform: scale(1.025); }
.video-card-play { position: absolute; inset: 0; margin: auto; width: 60px; height: 60px; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; color: white; background: rgba(12,23,42,.8); display: grid; place-items: center; padding-left: 4px; font-size: 23px; }
.video-card-duration { position: absolute; right: 12px; bottom: 12px; padding: 2px 10px; color: white; background: rgba(12,23,42,.88); border-radius: 4px; font-size: 14px; }
.video-card-body { min-width: 0; display: flex; flex-direction: column; align-items: start; gap: 14px; }
.video-card-type { font-style: italic; color: var(--muted); font-size: 16px; }
.video-card h2 { font-size: clamp(26px, 3vw, 36px); line-height: 1.12; min-height: 2.24em; }
.video-card h2 a { color: var(--ink); text-decoration: none; }
.video-card h2 a:hover { color: var(--link-hover); }
.video-card-description { min-height: 4.95em; color: var(--text); }
.video-card-context, .video-card-source, .video-card-meta { font-size: 15px; color: var(--muted); }
.video-card-source { min-height: 1.65em; }
.video-card .ulink { margin-top: 10px; }
.video-watch .page-top { padding-bottom: 36px; }
.video-watch .video-watch-player { margin-top: 36px; }
.video-facts { display: flex; flex-wrap: wrap; gap: 20px 56px; padding: 24px 0; margin: 0; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }
.video-facts div { display: grid; gap: 4px; }
.video-facts dt { color: var(--muted); font-size: 14px; }
.video-facts dd { margin: 0; font-size: 17px; }
.video-source { display: grid; gap: 6px; margin-top: 32px; font-size: 15px; color: var(--muted); }
.video-transcript { margin: 56px 0 112px; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); padding: 24px 0; }
.video-transcript summary { cursor: pointer; font-size: 21px; font-weight: 600; color: var(--ink); }
.video-transcript .prose { padding-top: 28px; }
.video-text-note { color: var(--muted); font-size: 15px; font-style: italic; }
@media (max-width: 800px) { .video-card { grid-template-columns: minmax(0,1fr); gap: 24px; } .video-card h2, .video-card-description { min-height: 0; } }
@media (max-width: 640px) { .video-gallery { margin-bottom: 72px; } .video-card { padding-top: 24px; } .video-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; } .video-transcript { margin-bottom: 72px; } }
@media (prefers-reduced-motion: reduce) { .video-card-cover img { transition: none; } }