/* The figures are drawn light-on-dark and carry fixed width/height
   attributes; keep them fluid and centred inside the content column. */
main img,
main svg {
  max-width: 100%;
  height: auto;
  display: block;
  margin-inline: auto;
}

figure > figcaption {
  text-align: center;
  font-style: italic;
  opacity: 0.8;
}

/* darkly renders inline code very low-contrast against the body text. */
code:not(.sourceCode) {
  color: #9fe8de;
}

blockquote {
  border-left: 3px solid #9fe8de;
}