.prose :where(img, video, iframe):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-radius: var(--lotus-prose-surface-radius);
  max-width: 100%;
}

.prose :where(iframe):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  background: var(--lotus-surface);
  border: 1px solid var(--lotus-prose-border);
  display: block;
}

.prose :where(
  iframe[src*="youtube.com"],
  iframe[src*="youtube-nocookie.com"],
  iframe[src*="youtu.be"],
  iframe[src*="vimeo.com"],
  iframe[src*="player.vimeo.com"]
) {
  aspect-ratio: 16 / 9;
  height: auto;
  width: 100%;
}

@media (max-width: 640px) {
  .prose :where(table) {
    display: block;
    overflow-x: auto;
  }
}