/* Single-post typography follows the homepage's Manrope hierarchy.
   Scoped to article content: the shared navigation and wordmark stay untouched. */
main.article-page {
  --font-body: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: var(--font-body);
  font-family: var(--font-body);
  font-weight: 500;
  letter-spacing: normal;
}

body:has(> .topbar) > main.article-page h1 {
  font-family: var(--font-body);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -.045em;
}
body:has(> .topbar) > main.article-page h2 {
  font-family: var(--font-body);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -.045em;
}
body:has(> .topbar) > main.article-page :is(h3, h4) {
  font-family: var(--font-body);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.025em;
}

main.article-page .article-hero .lead,
main.article-page [data-article-content],
main.article-page .article-body :is(p, li) {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: normal;
}
main.article-page :is(.article-toc, .article-dossier, .article-byline, .article-nav, .article-share) {
  font-family: var(--font-body);
}