/* M50D: small-screen readability refinement of completed M50B Typography B.
 * Font families, headings, sliders, links and section layouts unchanged.
 * Isolated local Homepage only. Desktop/tablet >760px unchanged. */
@media (max-width:760px) {
  body.m50a-home-page.m50b-typography .m50a-home :is(
    .hero-support,
    .section-heading .section-lead,
    .heading-summary p,
    .faq-grid > div:first-child > p,
    .faq-list details p,
    .sustain-panel p,
    .insights-grid p,
    .closing-cta p
  ) {
    font-size:16px;
    line-height:1.62;
  }

  body.m50a-home-page.m50b-typography .m50a-home :is(
    .capability-card p,
    .factory-roles article p,
    .steps article p
  ) {
    font-size:15px;
    line-height:1.55;
  }

  body.m50a-home-page.m50b-typography .m50a-home :is(
    .eyebrow,
    .hero-eyebrow,
    .proof-label,
    .collection-num,
    .example-grid a > span,
    .capability-card > span,
    .cert-panel-top > span,
    .sustain-panel > div > span
  ) {
    font-size:12px;
    line-height:1.5;
    letter-spacing:.075em;
  }

  body.m50a-home-page.m50b-typography .m50a-home .scope-small {
    font-size:13px;
    line-height:1.55;
  }
}