/* Shared heading hierarchy for the landing page and knowledge pages. */
:root {
  --public-title-size: var(--type-heading);
  --public-title-leading: 1.3;
  --public-section-size: var(--type-heading);
  --public-section-leading: 1.3;
}
@media (min-width: 821px) {
  :root {
    --public-title-size: clamp(45px, 5vw, 64px);
    --public-title-leading: 1.08;
    --public-section-size: clamp(32px, 3.5vw, 44px);
    --public-section-leading: 1.16;
  }
}
:is(.landing-main, .knowledge-main, .article-main) h1 {
  font: 400 var(--public-title-size)/var(--public-title-leading) Georgia, serif;
  letter-spacing: normal;
}
:is(.landing-main, .knowledge-main, .article-main) h2 {
  font: 400 var(--public-section-size)/var(--public-section-leading) Georgia, serif;
  letter-spacing: normal;
}
:is(.landing-main, .knowledge-main, .article-main) h3,
.knowledge-main .category-card h2,
.knowledge-main .article-grid h2,
.article-main .related strong,
.article-main .article-navigation strong {
  font: 400 var(--type-subheading)/1.4 Georgia, serif;
  letter-spacing: normal;
}

.famous-main:not(.famous-person-page) > h1 {
  font: 400 var(--public-section-size)/var(--public-section-leading) Georgia, serif;
  letter-spacing: normal;
}