/* Shared typography roles for RU, EN and FR. Loaded after component styles. */
:root {
  --type-section: 44px;
  --type-news-title: 22px;
  --type-body: 17px;
  --type-card-copy: 15px;
  --type-meta: 13px;
}

/* Sections on the homepage share one level of emphasis. */
.home-page .home-news h2,
.home-page .home-expertise h2,
.home-page .home-personal h2,
.home-page .home-projects h2,
.home-page .home-materials h2,
.home-page .home-contact h2 {
  font: 400 var(--type-section)/1.12 var(--serif);
  letter-spacing: -.02em;
}

/* One news-card style on the homepage, archive, media and related stories. */
.home-page .home-news-item h3,
.news-index .news-card h2,
.news-index .news-card h3,
.guest-broadcast .news-card h2,
.news-next .news-next-link h3 {
  font: 500 var(--type-news-title)/1.4 var(--sans);
  letter-spacing: 0;
}

/* Reading text; display quotations and compact calendar data have their own roles. */
.home-page .hero-subtitle,
.home-page .home-personal > div:last-child > p,
.home-page .home-contact > div:last-child > p,
.content-page .page-lead,
.about-page .biography-text p,
.about-page .family-copy > p:not(.family-opening),
.content-page .case-layout section > p:not([class]),
.content-page .direction-list li,
.content-page .contact-formats li,
.regions-initiative .regions-body > p,
.news-article .news-lead,
.news-reading .news-report-body p,
.analytics-index .analytics-heading > p:not([class]),
.analytics-article .analytics-heading > p:not([class]),
.media-page .broadcast-copy > p:not(.eyebrow) {
  font: 400 var(--type-body)/1.75 var(--sans);
}

/* Short descriptions in cards and supporting panels. */
.home-page .home-direction > p,
.content-page .home-direction > p,
.home-page .project-summary-role,
.activity-projects .project-summary-role,
.home-page .material-description,
.home-projects .regions-preview > div > p:not([class]),
.activity-projects .regions-preview > div > p:not([class]),
.news-index .news-card-copy > p,
.guest-broadcast .news-card-copy > p,
.news-article .news-initiative-link > p:not([class]),
.analytics-index .analytics-issue-copy > p:not([class]),
.media-page .interview-card > p:not([class]),
.media-page .media-links p,
.media-page .publication-description,
.contact-page .contact-brief > p {
  font: 400 var(--type-card-copy)/1.75 var(--sans);
}

/* Dates, authorship and source credits. */
.home-page .home-news-meta,
.home-page .home-news-meta > span,
.home-page .home-news-item:first-child .home-news-meta,
.home-page .home-news-item:first-child .home-news-meta > span,
.home-page .home-news-credit,
.home-page .home-news-credit a,
.home-page .home-material-meta,
.home-page .portrait figcaption,
.project-summary .project-summary-context,
.project-summary .project-photo-credit,
.project-summary .project-photo-credit .home-inline-link,
.news-index .news-published,
.news-index .news-event-date,
.guest-broadcast .news-published,
.guest-broadcast .news-event-date,
.news-article .news-published,
.news-next .news-next-link time,
.content-page .bio-visual figcaption,
.content-page .case-photo figcaption,
.news-card .news-card-figure figcaption,
.news-article .news-report-hero figcaption,
.media-page .publication-authors,
.media-page .publication-meta,
.media-page .episode-meta,
.about-page .quote-sign {
  font: 400 var(--type-meta)/1.7 var(--sans);
  letter-spacing: 0;
}

@media (max-width: 760px) {
  :root {
    --type-section: 34px;
    --type-news-title: 20px;
    --type-body: 16px;
  }
}