/* Video player.
   Markup: layouts/_shortcodes/video.html

   The players exist so the Channel 12 clips can carry caption tracks; the
   styling here is deliberately thin, because the native controls are already
   keyboard-operable and localised by the browser, and replacing them with
   custom ones would mean rebuilding that accessibility by hand. */

.video-figure {
  margin: 1.5rem 0;
}

.video-player {
  display: block;
  width: 100%;
  height: auto;
  background: #000;
}

.video-fallback {
  padding: 1rem;
  color: #fff;
}

.video-caption {
  margin-top: 0.5rem;
  font-size: 0.9375rem;
}

.video-transcript {
  margin-inline-start: 0.5rem;
}

/* Caption text sits over the picture, so it needs its own guaranteed contrast
   rather than inheriting whatever frame is behind it. */
.video-player::cue {
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
}