/* Shared mobile typography, loaded after page themes so large desktop
   headings cannot override the readable phone sizes. */
@media (max-width:1024px) {
  html body main :is(h1,h2,h3,h4) {
    min-width:0;
    max-width:100%;
    height:auto;
    max-height:none;
    white-space:normal;
    word-break:normal;
    overflow-wrap:break-word;
    text-wrap:balance;
    text-align:center;
    letter-spacing:-.025em;
  }
  html body main h1 {font-size:clamp(1.5rem,4.5vw,2rem)!important;line-height:1.3!important}
  html body main h2 {font-size:clamp(1.3rem,3.5vw,1.6rem)!important;line-height:1.35!important}
  html body main h3 {font-size:clamp(1.1rem,3vw,1.3rem)!important;line-height:1.4!important}
  html body main h4 {font-size:1rem!important;line-height:1.45!important}
  html body main :is(h1,h2,h3,h4) :is(em,strong,span,a) {font-size:inherit;line-height:inherit}
  html body main :is(h1,h2,h3,h4) {justify-content:center;flex-wrap:wrap}
  html body main .wrap {box-sizing:border-box;max-width:100%;min-width:0;margin-left:auto;margin-right:auto}
  html body main :is(.grid,.home-intro-grid,.home-journal-grid,.sale-why-grid,.estimate-grid,.editor-grid)>* {min-width:0;max-width:100%;box-sizing:border-box}
  html body main :is(.pagehead,.sale-hero-copy,.social-hero-copy,.home-hero-copy,.social-section-head,.workspace-head,.portal-heading,.contact-simple-heading>div) {text-align:center}
  html body main :is(.pagehead,.sale-hero-copy,.social-hero-copy,.home-hero-copy,.social-section-head) :is(h1,h2,p) {margin-left:auto;margin-right:auto}
  html body main :is(p,li,dd,dt,figcaption) {min-width:0;max-width:100%;white-space:normal;overflow-wrap:break-word}
  html body main p {font-size:1rem;line-height:1.65}
  html body main p strong {font-size:inherit;line-height:inherit}
  html body main:not(.workspace-shell):not(.client-shell) :is(.intro,.pagehead p,.home-premium section>.wrap>p,.sale-hero-copy p,.social-hero-copy p,.social-section-head p) {text-align:center;margin-left:auto;margin-right:auto}
  html body main :is(.workspace-panel,.portal-section,.contact-simple-panel,.editorial-card,.card) {box-sizing:border-box;min-width:0;max-width:100%}
  html body main :is(.workspace-welcome h2,.editorial-heading h2,.stats-heading h2,.client-notifications h2) {justify-content:center}
}
@media (max-width:600px) {
  html body main .wrap {padding-left:20px;padding-right:20px}
  html body main .article-page.wrap {width:calc(100% - 40px);padding-left:0;padding-right:0}
  html body main :is(.sale-hero-copy,.social-hero-copy) {padding-left:20px;padding-right:20px}
  html body main :is(.workspace-panel,.portal-section,.contact-simple-panel) {padding-left:16px;padding-right:16px}
  html body main :is(.home-hero-copy,.sale-hero-copy,.social-hero-copy,.pagehead) .actions {justify-content:center}
}