/*
 * CHX mobile readability test.
 * Deliberately limited to typography at phone widths; desktop styles remain unchanged.
 */
@media (max-width: 600px) {
  /* Keep the main display face, with a little more breathing room in headings. */
  .hero h1,
  #why-chx .why-chx-heading h2,
  .payment-comparison-heading h2,
  .payment-row-intro h3,
  .arrangement-heading h2,
  .ri-intro h2,
  .ri-module-heading h3,
  .property-analysis-intro h2,
  .personalised-offer-intro h2,
  .landlord-story-copy h2,
  .partner-copy h2,
  .closing h2,
  .questions-heading h2,
  #inside-chx .ip-intro h2,
  #inside-chx .ip-copy h3,
  .payment-promise h2,
  .built-different h2,
  .landlord-video-overlay h2 {
    letter-spacing: -.035em;
  }

  /* Secondary headings become easier to parse without changing button weights. */
  .hero h1,
  #why-chx .why-chx-heading h2,
  .payment-comparison-heading h2,
  .arrangement-heading h2,
  .ri-intro h2,
  .property-analysis-intro h2,
  .personalised-offer-intro h2,
  #inside-chx .ip-intro h2 {
    font-weight: 350;
  }

  #why-chx .why-chx-benefit-intro h3 {
    font-weight: 400;
    letter-spacing: -.035em;
  }

  .payment-row-intro h3,
  .ri-module-heading h3,
  #inside-chx .ip-copy h3,
  .why-benefit h3,
  .partner-row h3,
  .responsibility-group > header h3,
  .payment-promise-copy > h3,
  .payment-promise-assurance h3,
  .offer-property-heading h3 {
    font-weight: 400;
  }

  /* Explanatory copy: preserve typeface and size, restoring a readable regular weight. */
  .hero-promise,
  #why-chx .why-chx-benefit-intro p,
  #why-chx .why-chx-repair-copy,
  .payment-comparison-heading > p:last-child,
  .payment-notice,
  .payment-reassurance-questions,
  .payment-reassurance-promise,
  .arrangement-row > p:last-child,
  .arrangement-preview figcaption,
  .ri-intro > p:last-child,
  .ri-module-description,
  .ri-reassurance,
  .ri-foundation-item > p:last-child,
  .property-analysis-intro > p:last-child,
  .pa-support,
  .personalised-offer-copy,
  .landlord-story-quote p,
  .landlord-proof-bar__quote,
  .why-lead,
  .why-benefit p,
  .process-subheading,
  .step > p,
  .step .step-detail,
  .process-note > p,
  .responsibility-group > header h3,
  .responsibility-explanation,
  .payment-promise-copy > p:not(.eyebrow),
  .payment-promise-assurance > p,
  .built-different-copy > p,
  .partner-copy > p:not(.eyebrow),
  .partner-row p,
  .closing h2 + p,
  .questions-heading > p:last-child,
  .answer {
    font-weight: 400;
  }

  /* Readable metadata/captions; image-overlay and miniature product labels are
     intentionally left at their current scale to avoid crowding artwork. */
  .eyebrow,
  .arrangement-label,
  .payment-row-label,
  #why-chx .why-chx-card-label,
  .ri-slider-caption,
  .ri-disclaimer,
  .pa-label,
  .pa-analysis-note,
  .pa-improvement-images figcaption,
  .landlord-story-label,
  .landlord-story-eyebrow,
  .landlord-story-photo-label,
  .landlord-story-footer,
  .landlord-proof-bar__attribution {
    font-size: 12px;
  }
}