/*
 * Video self-hosted (16:9, HTML5 player) + caption — SD-85
 * Figma: content modules / video self hosted (node 6361-114294)
 * Native <video controls> in 16:9; caption below.
 */

.dk-video-selfhosted {
  margin: 0;
}

.dk-video-selfhosted-media {
  display: block;
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: var(--dk-video-ratio, 16 / 9);
  object-fit: cover;
  background-color: var(--dk-color-black);
}

.dk-video-selfhosted-caption {
  margin-block-start: var(--dk-space-03); /* 12px */
  color: var(--dk-color-black);
}