/*
 * Long-form reading — scope to .gh-content (Ghost convention) inside main
 */
.ds-article.gh-content {
  max-width: var(--ds-content-width);
  margin-inline: auto;
  font-size: 1.0625rem;
  line-height: 1.75;
}

.ds-article.gh-content > *:first-child {
  margin-top: 0;
}

.ds-article.gh-content > *:last-child {
  margin-bottom: 0;
}

.ds-article.gh-content h2 {
  margin-top: var(--ds-space-12);
}

.ds-article.gh-content h3 {
  margin-top: var(--ds-space-10);
}

.ds-article.gh-content ul,
.ds-article.gh-content ol {
  padding-inline-start: 1.25rem;
  margin: 0 0 var(--ds-space-4);
}

.ds-article.gh-content li {
  margin-bottom: var(--ds-space-2);
}

.ds-article.gh-content img {
  border-radius: var(--ds-radius-md);
}

.ds-article.gh-content figcaption {
  margin-top: var(--ds-space-2);
  font-size: 0.9rem;
  color: var(--ds-color-muted);
  text-align: center;
}

.ds-dropcap::first-letter {
  float: inline-start;
  font-size: 3.5rem;
  line-height: 1;
  padding-inline-end: var(--ds-space-2);
  font-weight: 650;
  color: var(--ds-color-accent);
}