/* =====================================================================
   Type scale standardization (test copy, 2026-10-27)
   Loaded last on every page. Values are in the site's own design units
   (1rem = 1px of the 1366 desktop artboard / 430 mobile artboard).

   Desktop tiers            Mobile tiers
     Hero, main pages  100    (unchanged)
     Hero, other pages  84      50
     Section heading    75      48
     Subsection         56      40
     Body (phones)       -      18  (was 16-17 -> 15px on a 390px phone)

   Stats, quote marks and phone numbers are graphics, not headings: untouched.
   Invoice "How it Works" lockup stays original (Ivan, 2026-10-27).
   ===================================================================== */

@media (min-width: 1200px) {
  /* legal hero (.hero__title--three) stays 72rem on desktop: it is 3 lines long and the
     "Litigation support" band under it is fixed-position, so 84rem collides with it */
  body .hero__title--about,
  body .hero__title--terms,
  body .hero__title--community { font-size: 84rem; }

  body .doors__h2, body .plain__h2, body .thread__h2,
  body .work__h2, body .midway:not(.midway--how) .midway__h2, body .submit__h2,
  body .coverage__h2, body .why__h2, body .witness__h2,
  body .funding__h2, body .faq__h2 { font-size: 75rem; }

  body .story__h2, body .team__h2, body .events__h2,
  body .insta__h2, body .blog__h2, body .doc__h2,
  body .intro__h2, body .hcta__h2, body .acta__h2,
  body .ccta__h2 { font-size: 56rem; }
}

@media (max-width: 1199px) {
  body .hero__title--about,
  body .hero__title--terms,
  body .hero__title--community,
  body .hero__title--three { font-size: 50rem; }

  body .doors__h2, body .plain__h2, body .thread__h2,
  body .work__h2, body .midway:not(.midway--how) .midway__h2, body .submit__h2,
  body .coverage__h2, body .why__h2, body .witness__h2,
  body .funding__h2, body .faq__h2 { font-size: 48rem; }

  body .story__h2, body .team__h2, body .events__h2,
  body .insta__h2, body .blog__h2, body .doc__h2,
  body .intro__h2, body .hcta__h2, body .acta__h2,
  body .ccta__h2 { font-size: 40rem; }

  /* body copy: at least 16px on a 390px phone */
  body .hero__sub, body .doors__lead, body .thread__p, body .tool__p,
  body .hcta__p, body .acta__p, body .team__p, body .events__p,
  body .events__intro, body .blog__p, body .post__excerpt, body .ccta__p,
  body .cases__lead, body .cases__what, body .cases__how,
  body .coverage__body, body blockquote.inquiry, body .footer__mission-p,
  body main section:not(.legal) p:not([class]),
  body main section:not(.legal) li:not([class]) { font-size: 18rem; }
}


/* Readability floors for the smallest desktop text (Ivan, 2026-10-28). Since 1rem stays 1px up to 1920 wide,
   11-13rem labels would render at 11-13px on a 1920 screen. */
@media (min-width: 1200px) {
  body .footer__mission-s, body .notify__sub { font-size: max(13px, 11rem); line-height: max(16px, 13rem); }
  body .notify__status, body .contact__note { font-size: max(14px, 13rem); line-height: max(17px, 16rem); }
  body .search__page, body .event__date span:last-child,
  body .insta__tile .ph__note { font-size: max(14px, 13rem); }
  body .legal p { font-size: max(13px, 12rem); }
}


/* Temporary housing, closing step: "And we'll... be here taking care of your situation" uses the
   section-heading style of "Here is how we help homeowners" (Ivan, 2026-10-27). Two lines at 75rem are
   ~152rem tall, so the title moves up to keep the original 29rem gap above the body copy (top 283rem). */
@media (min-width: 1200px) {
  body .step--8 .step__title:not(.step__closing) { font-size: 75rem; top: 102rem; }
}
@media (max-width: 1199px) {
  body .step--8 .step__title:not(.step__closing) { font-size: 48rem; text-wrap: balance; }
  body .step--8 .step__title:not(.step__closing) span { display: inline; }   /* flow + balance: no orphaned word */
  body .step--8 .step__title:not(.step__closing) span + span::before { content: " "; }
}



/* Invoice page "Ready to submit" (Ivan, 2026-10-27):
   - heading: two lines at 75rem, 54rem above the black bar (original spacing)
   - woman cropped at the waist, crop sitting on the bar's bottom edge (figure clips its image)
   - whole block moved up 140rem to close the white gap under the grey section (her hair now starts
     ~23rem below it); the section is 140rem shorter so everything below moves up too.
   Original positions: h2 281, bar 537, figure -56 (h 742), text 575, button 716, section 820. */
@media (min-width: 1200px) {
  body .submit .in      { height: 680rem; }
  body .submit__h2      { top: 192rem; }
  body .submit__bar     { top: 397rem; }
  body .submit__figure  { top: 14rem; height: 532rem; }
  body .submit__text    { top: 435rem; }
  body .submit__btn     { top: 576rem; }
}