.article-header {
  position: sticky;
  color: var(--ink);
  background: rgba(247, 246, 241, 0.94);
  border-bottom: 1px solid var(--line);
}

.article-header .brand-mark {
  border-color: var(--line);
  background: var(--white);
}

.article-page {
  padding: 112px 20px 80px;
}

.article-body {
  width: min(820px, 100%);
  margin: 0 auto;
}

.article-body h1 {
  color: var(--ink);
  font-size: clamp(38px, 7vw, 72px);
}

.article-lead {
  margin: 24px 0 48px;
  color: var(--muted);
  font-size: 20px;
}

.article-body section {
  padding: 34px 0;
  border-top: 1px solid var(--line);
}

.article-body h2 {
  margin: 0 0 14px;
  font-size: 28px;
}

.article-body p,
.article-body li {
  color: var(--muted);
  font-size: 17px;
}