.prose {
  max-width: 78ch;
  padding: 48px 24px 72px;
  color: var(--text);
}

.prose h1 {
  font-family: var(--display);
  font-weight: 400;
  font-size: clamp(36px, 5vw, 56px);
  line-height: 1;
  color: #fff;
  margin-bottom: 32px;
}

.prose h2,
.prose h3 {
  color: #fff;
  margin: 32px 0 12px;
}

.prose h2 { font-size: 20px; }
.prose h3 { font-size: 16px; color: var(--hot); }

.prose p,
.prose ul {
  margin-bottom: 14px;
}

.prose ul {
  padding-left: 20px;
}

.prose a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.prose a:hover {
  color: var(--hot);
}