/* Keep screenshots from stretching to the full content width; center them instead. */
.md-typeset img {
  display: block;
  max-width: min(100%, 720px);
  max-height: 600px;
  width: auto;
  height: auto;
  margin: 1em auto;
}

/* Center the paragraph wrapping a standalone image, in case the image renders inline. */
.md-typeset p:has(> img) {
  text-align: center;
}