/*
 * Global Medical Reviews — Unified Typography
 * Site update: 3.2.5 -> 3.2.6
 * Typography system: one font family, three sizes only (14 / 16 / 28 px).
 * Loaded after all existing GMR styles so historical per-page font rules no
 * longer create inconsistent visual hierarchy.
 */

:root {
  --gmr-type-font: Arial, Helvetica, sans-serif;
  --gmr-type-small: 14px;
  --gmr-type-body: 16px;
  --gmr-type-heading: 28px;

  /* Existing theme variables are intentionally redirected to the same family. */
  --serif: var(--gmr-type-font);
  --sans: var(--gmr-type-font);
  --font-sans: var(--gmr-type-font);
}

/* Default: every textual element uses the same family and the body size. */
html,
body {
  font-family: var(--gmr-type-font) !important;
  font-size: var(--gmr-type-body) !important;
}

html body *,
html body input,
html body select,
html body textarea,
html body button,
html body option,
html body code,
html body pre,
html body kbd,
html body samp {
  font-family: var(--gmr-type-font) !important;
  font-size: var(--gmr-type-body) !important;
}

/* Major hierarchy: page titles and principal section titles. */
html body h1,
html body h1 *,
html body h2,
html body h2 *,
html body .page-title,
html body .page-title *,
html body .section-title,
html body .section-title *,
html body .brand-mark,
html body .hero h1,
html body .hero h1 *,
html body .scope-band h2,
html body .scope-band h2 *,
html body .home-heading h1,
html body .home-heading h1 *,
html body .home-authors-card > h2,
html body .home-current-issue-head h2,
html body .home-mini-panel h2,
html body .fulltext-body h2,
html body .fulltext-body h2 * {
  font-family: var(--gmr-type-font) !important;
  font-size: var(--gmr-type-heading) !important;
  line-height: 1.20 !important;
}

/* Secondary headings use body size; weight, spacing and borders provide hierarchy. */
html body h3,
html body h3 *,
html body h4,
html body h4 *,
html body h5,
html body h5 *,
html body h6,
html body h6 *,
html body .fulltext-body h3,
html body .fulltext-body h3 *,
html body .fulltext-body h4,
html body .fulltext-body h4 * {
  font-family: var(--gmr-type-font) !important;
  font-size: var(--gmr-type-body) !important;
  line-height: 1.35 !important;
}

/* Compact/supporting information. */
html body small,
html body small *,
html body figcaption,
html body figcaption *,
html body caption,
html body caption *,
html body table,
html body table *,
html body .utility-bar,
html body .utility-bar *,
html body .eyebrow,
html body .eyebrow *,
html body .kicker,
html body .kicker *,
html body .article-meta,
html body .article-meta *,
html body .issue-meta,
html body .issue-meta *,
html body .publication-meta,
html body .publication-meta *,
html body .article-identifiers,
html body .article-identifiers *,
html body .article-history-list time,
html body .article-history-list time *,
html body .tag,
html body .tag *,
html body .badge,
html body .badge *,
html body .chip,
html body .chip *,
html body .status,
html body .status *,
html body .site-footer,
html body .site-footer *,
html body .form-help,
html body .form-help *,
html body .field-help,
html body .field-help *,
html body .help-text,
html body .help-text *,
html body sup,
html body sub {
  font-family: var(--gmr-type-font) !important;
  font-size: var(--gmr-type-small) !important;
}

/* Full-text articles must not bring back Word/HTML typography. */
html body .html-fulltext,
html body .html-fulltext p,
html body .html-fulltext li,
html body .html-fulltext dt,
html body .html-fulltext dd,
html body .html-fulltext span,
html body .html-fulltext a,
html body .fulltext-body,
html body .fulltext-body p,
html body .fulltext-body li,
html body .reference-entry {
  font-family: var(--gmr-type-font) !important;
  font-size: var(--gmr-type-body) !important;
}

/* Keep the same three-size system on phones; no separate mobile type scale. */
@media (max-width: 760px) {
  html body h1,
  html body h1 *,
  html body h2,
  html body h2 *,
  html body .hero h1,
  html body .hero h1 *,
  html body .scope-band h2,
  html body .scope-band h2 *,
  html body .home-heading h1,
  html body .home-heading h1 * {
    font-size: var(--gmr-type-heading) !important;
  }
}