:root {
  --font-g2i-display: "Montserrat", sans-serif;
}

/* The light display weight is shared by sector pages after their page-specific CSS. */
main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
main h1 *,
main h2 *,
main h3 *,
main h4 *,
main h5 *,
main h6 * {
  font-weight: 200 !important;
  -webkit-text-stroke: 0 !important;
}

main > section:first-child h1,
main > section:first-child h1 * {
  font-family: var(--font-body) !important;
  font-weight: 200 !important;
  -webkit-text-stroke: 0 !important;
}

main > section:not(#top) h2,
main > section:not(#top) h2 * {
  font-family: var(--font-g2i-display) !important;
  font-weight: 200 !important;
  line-height: .96;
  letter-spacing: -.025em;
  text-transform: uppercase;
}

/* Apply the Development Path heading system to equivalent subpage sections. */
body:not(.page-thomas-home) main > section:not(#top) h2,
body:not(.page-thomas-home) main > section:not(#top) h2 * {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  /* Bằng đúng tiêu đề mục của trang chủ; xem home-rhythm.css. */
  font-size: var(--fs-h2-sub, 40px) !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
  letter-spacing: .005em !important;
  -webkit-text-stroke: 0 !important;
  text-rendering: optimizeLegibility;
}

body:not(.page-thomas-home) main > section:not(#top) h2 {
  padding-block: .14em .08em;
}

body:not(.page-thomas-home) main > section:not(#top) h2 * {
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  padding: 0;
}

@media (max-width: 620px) {
  body:not(.page-thomas-home) main > section:not(#top) h2,
  body:not(.page-thomas-home) main > section:not(#top) h2 * {
    font-size: var(--fs-h2-sub, 28px) !important;
    line-height: 1.25 !important;
    letter-spacing: .01em !important;
  }
}
