.article-body h3 {
  font-family: Inter, sans-serif;
  font-size: 23px;
  line-height: 1.3;
  margin-top: 34px;
}

.article-body blockquote {
  margin: 28px 0;
  padding: 18px 22px;
  border-left: 5px solid var(--purple);
  border-radius: 8px;
  background: var(--lav);
  font-style: italic;
}

.article-body details {
  margin: 24px 0;
  padding: 18px 20px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
}

.article-body summary {
  cursor: pointer;
  color: var(--purple);
  font-family: Inter, sans-serif;
  font-weight: 800;
}

.article-body details[open] summary {
  margin-bottom: 14px;
}

.article-body a:not(.button) {
  color: var(--purple);
  text-underline-offset: 3px;
}

.article-body .button {
  color: #fff;
  font-family: Inter, sans-serif;
  text-decoration: none;
}

.article-body .button.secondary {
  color: var(--purple);
}

.article-body li + li {
  margin-top: .35em;
}