/* Inherit each page's Chinese type scale and responsive line heights from styles.css.
   English font faces and weights are defined in english.css. Only text-fit
   exceptions belong here; do not replace per-page sizes with a global scale. */
html[lang="en"] body main .hero-lede { max-width: min(100%,980px); }
html[lang="en"] body main .section-lede { max-width: min(100%,1060px); }

/* Complete short headings flow naturally; bottom CTA headings must also wrap
   at tablet widths instead of inheriting the Chinese desktop nowrap rule. */
html[lang="en"] body main .en-flow-title,
html[lang="en"] body main .final-product-cta .section-title,
html[lang="en"] body main .contact-final-cta .section-title {
  white-space: normal;
  text-wrap: balance;
}

@media (min-width: 761px) and (max-width: 820px) {
  /* Two unusually long descriptions at the narrow end of the desktop layout. */
  html[lang="en"] body.products-page .product-engine-section .section-lede,
  html[lang="en"] body.cases-page .case-heading-lede { font-size: 16px !important; }
}
@media (max-width: 760px) {
  /* Use the available text area before reducing the Chinese mobile title size. */
  html[lang="en"] body.products-page .product-band > .container > .section-title,
  html[lang="en"] body.cases-page .case-heading-centered .section-title { width: 100%; }
}