:root {
  --yt-embed-aspect-ratio: 16 / 9;
}

[data-yt-embed-id] {
  margin: 1.5rem auto;
  max-width: var(--yt-embed-max-width);
}

[data-yt-embed-id] .yt-embed-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

[data-yt-embed-id] .yt-embed-player {
  width: 100%;
  aspect-ratio: var(--yt-embed-aspect-ratio);
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

[data-yt-embed-id] .yt-embed-player iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

[data-yt-embed-id] .yt-embed-caption {
  font-size: 0.9rem;
  text-align: center;
  opacity: 0.85;
}

[data-md-color-scheme="default"] [data-yt-embed-id] .yt-embed-caption {
  color: #333;
}

[data-md-color-scheme="slate"] [data-yt-embed-id] .yt-embed-caption {
  color: #f5f5f5;
}