/* Shared compact heading scale across desktop, tablet and mobile. */
@media (min-width: 761px) {
  #main h1 { font-size: clamp(28px, 2.8vw, 34px) !important; line-height: 1.2; letter-spacing: -1px; }
  #main h2 { font-size: 24px !important; line-height: 1.3; letter-spacing: -.5px; }
  #main h3 { font-size: 15px !important; line-height: 1.4; }

  /* Only reduce the Blog detail article title and share heading on desktop. */
  body.blog-detail #main .article-heading h1 { font-size: 24px !important; }
  body.blog-detail #main .article-share h2 { font-size: 13px !important; line-height: 1.4; }
}

@media (max-width: 760px) {
  #main h1 { font-size: 24px !important; line-height: 1.2; letter-spacing: -.5px; }
  #main h2 { font-size: 20px !important; line-height: 1.3; letter-spacing: -.3px; }
  #main h3 { font-size: 12px !important; line-height: 1.4; }
  #main h4 { font-size: 12px !important; line-height: 1.4; }
  #main h5, #main h6 { font-size: 11px !important; line-height: 1.4; }
}

/* Blog styles use more specific selectors than the shared heading scale. */
@media (max-width: 760px) {
  /* Compact reading scale for Blog and Compliance screens on phones. */
  body:is(.blog-listing, .blog-detail) #main h1 { font-size: 20px !important; line-height: 1.25; letter-spacing: -.4px; }
  body:is(.blog-listing, .blog-detail) #main h2 { font-size: 17px !important; line-height: 1.35; letter-spacing: -.2px; }
  body:is(.blog-listing, .blog-detail) #main h3,
  body.blog-detail #main .article-related-grid h3 { font-size: 13px !important; line-height: 1.4; }
  body:is(.blog-listing, .blog-detail) #main p:not(.eyebrow) { font-size: 13px !important; line-height: 1.6 !important; }

  body.compliance-page #main h1 { font-size: 22px !important; line-height: 1.2; }
  body.compliance-page #main h2 { font-size: 18px !important; line-height: 1.3; }
  body.compliance-page #main h3 { font-size: 13px !important; line-height: 1.4; }
  body.compliance-page #main p { font-size: 13px !important; line-height: 1.6 !important; }

  body.about-page #main h1 { font-size: 22px !important; line-height: 1.2; }
  body.about-page #main h2 { font-size: 18px !important; line-height: 1.3; }
  body.about-page #main h3 { font-size: 13px !important; line-height: 1.4; }
  body.about-page #main p { font-size: 13px !important; line-height: 1.6 !important; }
}