/* Reading scale aligned with the Work Wellness reference. */
:root{--reading-size:20px;--card-title:26px;--section-title:clamp(36px,3.4vw,52px)}
body{font-size:var(--reading-size)}
main p,.heading>p,.editorial p,.statement>p:not(.eyebrow),.feature-grid p,.comparison p,.audience-grid p,.needs-grid p,.detail-steps p,.steps p,.value-line p,.center-title>p:last-child,.detail-faq details p,.detail-cta p,main>.mission p:not(.eyebrow){font-size:var(--reading-size);line-height:1.85}
main h2,.heading h2,.detail-cta h2,.mission h2{font-size:var(--section-title);line-height:1.4;letter-spacing:-.035em}
main h3,.feature-grid h3,.audience-grid h3,.detail-steps h3,.steps h3,.value-line h3,.needs-grid h3{font-size:var(--card-title);line-height:1.45}
.detail-hero h1{font-size:clamp(40px,4vw,60px);line-height:1.35}
.detail-hero .lead,.program-message p{font-size:clamp(20px,1.7vw,25px);line-height:1.75}
.program-message h2{font-size:clamp(46px,5.4vw,84px)}
main .btn,.detail-hero .btn,.detail-cta .btn,.text-link,.card-body a{font-size:18px;line-height:1.5;min-height:50px}
main .eyebrow{font-size:14px;line-height:1.6;letter-spacing:.13em}
.comparison dl>div,.check-list,.topic-pills>span,.detail-faq summary,.news-list strong,.case-list h3{font-size:19px;line-height:1.7}
.small-note,.crumb,.comparison small,.audience-grid small,main figcaption{font-size:14px;line-height:1.6}
.quick-grid small{font-size:15px}.quick-grid strong{font-size:25px}
header #nav{font-size:16px;gap:16px}header .nav-cta{font-size:16px}
.contact-rail>a{font-size:13px}
.detail-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
@media(min-width:761px) and (max-width:1300px){.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}header #nav{font-size:14px;gap:12px}}
@media(max-width:760px){
 :root{--reading-size:18px;--card-title:25px;--section-title:34px}
 .detail-hero h1{font-size:36px}.program-message h2{font-size:clamp(38px,10vw,46px)}
 .detail-hero .lead,.program-message p{font-size:20px}
 main .btn,.detail-hero .btn,.detail-cta .btn,.text-link{font-size:17px}
 .comparison dl>div,.check-list,.topic-pills>span,.detail-faq summary,.news-list strong,.case-list h3{font-size:18px}
 main .eyebrow{font-size:13px}.small-note,.crumb,main figcaption{font-size:13px}
 .quick-grid strong{font-size:23px}.quick-grid small{font-size:14px}
 header #nav>a{font-size:19px}.contact-rail>a{font-size:12px}
 .detail-steps{grid-template-columns:1fr}.audience-grid{grid-template-columns:1fr!important}
}
@media(max-width:360px){:root{--section-title:31px;--card-title:23px}.detail-hero h1{font-size:33px}.program-message h2{font-size:36px}.quick-grid strong{font-size:21px}}
