.video_showcase { margin-top:64px; scroll-margin-top:32px; }
.video_showcase .section_heading { margin-bottom:28px; }
.video_shell { border:1px solid #bac9d4; border-radius:16px; background:#fff; overflow:hidden; box-shadow:0 14px 36px #102b420c; }
.video_choices { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:16px; background:#edf3f7; }
.video_choice { display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:8px; min-width:0; min-height:94px; padding:16px; border:1px solid #bdccd7; border-radius:9px; color:#18364b; background:#fff; text-align:left; cursor:pointer; }
.video_choice_title { font-size:16px; font-weight:700; line-height:1.4; }
.video_choice[aria-pressed="true"] { color:#fff; background:#102b42; border-color:#102b42; box-shadow:inset 0 -4px 0 #cf2543; }
.video_choice:hover { border-color:#102b42; }
.video_choice:focus-visible { outline:3px solid #c32643; outline-offset:2px; }
.video_duration { font-size:13px; font-variant-numeric:tabular-nums; opacity:.8; }
.video_stage { position:relative; background:#05090e; aspect-ratio:16/9; }
.video_stage video { display:block; width:100%; height:100%; object-fit:contain; }
.video_start { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); white-space:nowrap; box-shadow:0 4px 25px #0008; }
.video_start[hidden] { display:none; }
.video_details { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:24px; }
.video_details h3 { margin:0 0 8px; font-size:23px; line-height:1.4; }
.video_details p { color:var(--muted); font-size:16px; line-height:1.65; }
.video_details a { flex-shrink:0; font-size:14px; min-height:44px; display:inline-flex; align-items:center; }
.video_status { margin:0 24px 24px; padding:14px 16px; background:#fff7e6; color:#674612; border-radius:8px; font-size:15px; }
.video_disclosure { color:var(--muted); font-size:13px; line-height:1.65; margin-top:16px; }
.video_language_note { display:block; margin-top:4px; }
.registration_videos { max-width:1110px; }
.registration_videos .video_showcase { border-top:1px solid var(--line); padding-top:44px; }
@media(max-width:760px) {
  .video_choices { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; gap:8px; }
  .video_choice { padding:12px; min-height:94px; }
  .video_choice_title { font-size:15px; }
  .video_details { flex-direction:column; gap:10px; padding:20px; }
  .video_details h3 { font-size:21px; }
  .video_details p { font-size:15px; }
  .video_showcase { margin-top:44px; }
  .video_start { min-height:44px; padding:10px 16px; font-size:14px; }
  .video_status { margin:0 20px 20px; }
}

/* Keep native video controls between the fixed header and footer, including short screens. */
.video_stage { max-height:max(120px,calc(100dvh - var(--registration-footer-height,200px) - 96px)); }
.video_stage video { max-height:inherit; }
.video_stage { width:100%; }
.video_stage video { scroll-margin-top:80px; scroll-margin-bottom:16px; }