/* Frames and charts presented as cards */
.md-typeset img {
  border-radius: 6px;
}
.md-typeset p > img:only-child {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

/* Captions: an italic-only paragraph immediately after an image reads as a
   figure caption — centered, small, muted. Falls back to plain italics in
   browsers without :has(). */
.md-typeset p:has(> img:only-child) + p > em:only-child {
  display: block;
  text-align: center;
  font-size: 0.72rem;
  line-height: 1.5;
  color: var(--md-default-fg-color--light);
  margin-top: -0.4rem;
}

/* Slightly tighter hero image spacing on the landing page */
.md-typeset h1 + p + p > img:only-child {
  margin-top: 0.2rem;
}