/* Shared screen typography. Certificate artwork and print/PDF layouts keep their sizes. */
@media screen{
 body main#main-content:not(:has(.certificate)) h1{font-size:clamp(28px,3vw,42px);line-height:1.18}
 body main#main-content:not(:has(.certificate)) h2{font-size:clamp(24px,2.2vw,30px);line-height:1.25}
 body main#main-content:not(:has(.certificate)) h3{font-size:19px;line-height:1.4}
 body main#main-content:not(:has(.certificate)) h4{font-size:18px;line-height:1.4}
 body main#main-content .cp-next-panel h2{font-size:clamp(23px,2.1vw,28px)}
 body main#main-content .cp-volunteer-cta h2{font-size:25px}
 body main#main-content .cp-partner-cards h3,
 body main#main-content .cp-volunteer-grid h3,
 body main#main-content .cp-report-note h3,
 body main#main-content .lp-features h3,
 body main#main-content .hp-pillar h3{font-size:18px;line-height:1.4}
 body main#main-content .paaf-auth-page h1{font-size:30px;line-height:1.2}
 body main#main-content .dashboard-card strong{font-size:18px;line-height:1.35}
}
@media screen and (max-width:550px){
 body main#main-content:not(:has(.certificate)) h1{font-size:28px}
 body main#main-content:not(:has(.certificate)) h2{font-size:24px}
 body main#main-content .cp-next-panel h2,
 body main#main-content .cp-volunteer-cta h2{font-size:23px}
 body main#main-content .paaf-auth-page h1{font-size:28px}
}