/* Use the card width for the title, including its unbroken final phrase. */
.article-landing .hero h1 {
  max-width: none;
  font-size: clamp(36px, 4.4vw, 60px);
}

.article-landing .technical-prose {
  max-width: 80ch;
  color: var(--body);
  font-size: 16px;
  line-height: 1.65;
}

.article-landing .technical-prose p {
  margin: 0;
}

.article-landing .final-cta p .context-link {
  color: inherit;
  text-decoration-color: currentColor;
}

.article-landing .technical-prose p + p {
  margin-top: 20px;
}

.article-landing .technical-prose + .eligibility-list,
.article-landing .eligibility-list + .technical-prose {
  margin-top: 28px;
}

/* Keep all three comparisons within one complete frame. */
.article-landing .article-section--criteria .eligibility-item:last-child:nth-child(3) {
  grid-column: 1 / -1;
}

.article-landing .article-section--criteria .eligibility-item:last-child:nth-child(3) > span:last-child {
  max-width: 80ch;
}

@media (max-width: 640px) {
  .article-landing .hero h1 {
    font-size: 36px;
  }
}

@media (max-width: 360px) {
  .article-landing .hero h1 {
    font-size: 32px;
  }
}