/* Shared public-site type sizes; retain readable mobile form controls. */
/* Override legacy page fonts while preserving icon-font glyphs. */
body.website-readable,
body.website-readable :where(*:not(.fa, .fas, .far, .fal, .fat, .fad, .fab, .fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone, .fa-brands, .bi, .material-icons, .material-symbols-outlined)) {
 font-family:'Noto Sans Thai',sans-serif!important;
}
@media screen {
 body.website-readable{font-size:14px;line-height:1.65}
 body.website-readable .nav .menu-link{font-size:13px!important}
 body.website-readable :is(.btn,.pricing-toggle button){font-size:13px!important}
 body.website-readable :is(main,.site-page,.site-footer) :is(p,label){font-size:14px}
 body.website-readable :is(.hero-sub,.hero-checks li,.review-quote,.site-prose,.page-body){font-size:14px;line-height:1.75}
 body.website-readable :is(.site-page,.site-footer) :is(input,select,textarea){font-size:14px}
 body.website-readable h1{font-size:clamp(26px,3.2vw,36px)!important;line-height:1.4}
 body.website-readable main h2{font-size:clamp(20px,2.4vw,26px)!important;line-height:1.45}
 body.website-readable main h3{font-size:17px;line-height:1.5}
 body.website-readable :is(.section-head,.review-head,.site-page,.price-comparison-page) h2,
 body.website-readable #pricing .pricing-head h2{font-size:clamp(22px,2.6vw,30px)!important;line-height:1.45!important}
 body.website-readable :is(.feature-card,.news-body,.site-job-card,.page-body) h3{font-size:17px;line-height:1.5}
 body.website-readable :is(.faq-grid .faq-item summary,.site-faq-list summary){font-size:14px}
 body.website-readable :is(.hero-proof,.section-kicker,.news-kicker,.site-announcement){font-size:12px}
 body.website-readable .site-footer{font-size:13px}
 body.website-readable .site-footer p{font-size:13px}
 body.website-readable #pricing .plan{font-size:18px}
 body.website-readable #pricing .price{font-size:26px}
 body.website-readable .trust-number{font-size:clamp(26px,3vw,34px)}
 body.website-readable .price-comparison-page .plan-name{font-size:14px}
 body.website-readable .price-comparison-page .plan-price{font-size:21px}
 @media(max-width:600px){
  body.website-readable :is(.site-form,.site-newsletter) :is(input,select,textarea){font-size:16px}
 }
}