/* Embedded oEmbed content rendered on published pages and in the auth article
   view. Layout differs by media_type: video and rich content (iframes) sit in
   a 16:9 wrapper; photos size naturally so we don't letterbox them. */
.embed {
  margin: var(--space-lg) 0;
}

.embed__frame {
  position: relative;
  width: 100%;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.embed--video .embed__frame,
.embed--rich .embed__frame {
  aspect-ratio: 16 / 9;
  background: var(--color-armadillo-100);
}

.embed--video .embed__frame iframe,
.embed--rich .embed__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed--photo .embed__frame img,
.embed--photo .embed__frame a {
  display: block;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}

.embed__caption {
  margin-top: var(--space-xs);
  font-size: 0.9375rem;
  color: var(--color-armadillo-600);
  text-align: center;
}