.content-page {
  background: var(--paper);
  padding: 84px 6vw 100px;
}

.article {
  max-width: 850px;
  margin: 0 auto;
}

.article h1 {
  font-size: clamp(48px, 6vw, 78px);
  margin-bottom: 28px;
}

.article h2 {
  font-size: clamp(28px, 3vw, 42px);
  letter-spacing: -1px;
  margin: 46px 0 14px;
}

.article p {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.85;
}

.article-lede {
  color: var(--ink) !important;
  font-size: 20px !important;
  line-height: 1.65 !important;
}

.article-list {
  color: var(--muted);
  line-height: 1.8;
  padding-left: 20px;
}

.article-list li {
  margin: 8px 0;
}

.article-note {
  background: var(--cream);
  border-left: 4px solid var(--orange);
  color: var(--ink) !important;
  padding: 18px 22px;
}

@media (max-width: 620px) {
  .content-page {
    padding: 60px 20px;
  }

  .article h1 {
    font-size: 44px;
  }
}