/*
 * Site-local additions to the Rail theme, loaded via `params.customHead`.
 *
 * The theme is text-first and styles no images at all — base.css contains no
 * `img` rule. Several posts in this blog embed screenshots and diagrams, so
 * without this they render at intrinsic size and overflow the reading column
 * on a narrow viewport.
 *
 * Keep this file small. Anything that is a design decision rather than a gap
 * belongs in an override of the theme's assets/css/tokens.css instead.
 */

.prose :is(img, iframe, video) {
  display: block;
  max-inline-size: 100%;
  block-size: auto;
  margin-block: 1.5rem;
}

.prose iframe {
  aspect-ratio: 16 / 9;
  inline-size: 100%;
  block-size: auto;
  border: 0;
}