/* Site-wide typography refinement: smaller display type, readable body copy. */

/* Home and Suppliers pages */
#content .hero h1{font-size:clamp(2.35rem,5vw,5.2rem)}
#content .hero-side p{font-size:clamp(1rem,1.18vw,1.08rem)}
#content .section-head h2, #content .proposal-copy h2{font-size:clamp(2.05rem,4.1vw,4.45rem)}
#content .lead{font-size:clamp(1rem,1.3vw,1.18rem)}
#content .route h2{font-size:clamp(2.35rem,4.95vw,5.25rem)}
#content .principle h3,
#content .card h3{font-size:clamp(1.3rem,1.8vw,1.82rem)}
#content .buyer-card h3{font-size:clamp(1.32rem,2vw,2.05rem)}
#content .step strong{font-size:clamp(1.08rem,1.4vw,1.45rem)}
#content .seo-copy h2,
#content .seo-copy h3{font-size:clamp(1.28rem,2vw,1.85rem)}
#content .route-copy,
#content .proposal-copy p,
#content .market-copy p,
#content .reach-copy p,
#content .seo-copy p{font-size:.96rem}
footer .footer-cta h2{font-size:clamp(2.35rem,4.85vw,5.1rem)}
footer .contact span:last-child{font-size:1.18rem}

/* Category pages */
.category-page .category-hero h1{font-size:clamp(2.3rem,5.2vw,5rem)}
.category-page .hero-aside{font-size:.94rem}
.category-page .prose{font-size:.98rem}
.category-page .prose>p:first-child{font-size:1.12rem}
.category-page .content-section h2,
.category-page .related-section h2{font-size:clamp(1.4rem,2.6vw,2.08rem)}
.category-page .category-side strong{font-size:1rem}
.category-page .category-card h3{font-size:1.18rem}
.category-page .category-card p{font-size:.88rem}
.category-page .category-footer h2{font-size:clamp(1.58rem,3.45vw,2.8rem)}
.category-page .related-link{font-size:.94rem}

/* Legal pages */
body:not(.category-page)>main>article h1{font-size:clamp(2.2rem,6vw,5rem)}
body:not(.category-page)>main>article h2{font-size:clamp(1.4rem,2.6vw,2.1rem)}
body:not(.category-page)>main>article h3{font-size:1.12rem}
body:not(.category-page)>header .topnav{font-size:.82rem}

@media(max-width:680px){
  .category-page .category-hero h1{font-size:clamp(2.15rem,10.5vw,3.4rem)}
  .category-page .hero-aside{font-size:.98rem}
  #content .hero h1{font-size:clamp(1.9rem,8.5vw,2.95rem)}
  #content .section-head h2,
  #content .proposal-copy h2,
  #content .route h2,
  footer .footer-cta h2{font-size:clamp(1.7rem,7.6vw,2.6rem)}
}

@media(max-width:420px){
  body:not(.category-page)>main>article h1{font-size:1.95rem}
}