/* Screenshots sit on a near-white page, and so does the app they show: without a frame, where the
   picture ends is guesswork. */
.md-typeset img[src*="captures/"] {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.md-typeset figure {
  margin: 1.2em 0;
}

.md-typeset figcaption {
  font-size: 0.8rem;
  color: var(--md-default-fg-color--light);
}

/* Screenshots are shown narrower than they were taken; each one links to itself at full size. */
.md-typeset a:has(> img[src*="captures/"]) {
  cursor: zoom-in;
}

.md-typeset dt {
  font-weight: 600;
}