/* Small readability tweaks on top of the Material defaults. */
.md-typeset {
  font-size: 0.85rem;
  line-height: 1.7;
}

.md-typeset h1 {
  font-weight: 700;
}

.md-typeset h2 {
  font-weight: 600;
  margin-top: 2.2em;
}

/* Slightly tighter blog post cards on the index page. */
.md-post__content > h2 {
  margin-top: 0.4em;
}

/* Rendered diagrams: keep a white card so they stay readable in dark mode. */
figure.diagram {
  margin: 1.5em 0;
  padding: 0.75em;
  background: #ffffff;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.3rem;
  text-align: center;
}
figure.diagram img {
  max-width: 100%;
  height: auto;
}