/* Comfortable reading sizes, applied after the layout styles. */
body{font-size:17px;line-height:1.75}
.hero p,.section-head p,.solution-content p,.about-content p,.detail-content p,.contact-info p,.page-hero p,.editorial-grid p,.application-card p,.recommended>div>p,.global-section p,.calculator-layout>div>p,.planning-banner p,.article p,.article li{font-size:16px;line-height:1.8}
.product-card p,.products-page .product-card p,.guide p,.journey p,.download-grid p,.faq p,.setting-list li,.checklist li,.spec-row,.callout,.notice,.form>p,dialog p{font-size:15px;line-height:1.75}
.product-card h3{font-size:23px;line-height:1.3}
.button,.text-link,.product-card .text-link,.solution-tabs button,.filter{font-size:15px;line-height:1.5}
.button{min-height:48px}
.text-link{min-height:40px;align-items:center}
.navlinks a{font-size:14px}
.nav>.button{font-size:14px;min-height:46px}
.quicklinks a{font-size:15px;line-height:1.5}
.eyebrow,.product-img .tag,.guide .meta,.product-card .number,.editorial-number,.process-list span,.journey span,.application-image>span,.visual-label,.solution-art .art-label{font-size:12px;letter-spacing:.1em;line-height:1.6}
.product-img .tag{right:16px}
.quicklinks span,.breadcrumbs,.topbar,.copyright,.placeholder{font-size:12px;line-height:1.6}
.hero-bottom .pagination{font-size:12px}
.process-list strong{font-size:16px;line-height:1.5}
.process-list p{font-size:15px;line-height:1.7}
.form label,.calculator label{font-size:14px;line-height:1.6}
.form input,.form select,.form textarea,.calculator input{font-size:16px;line-height:1.5;min-height:48px}
.form .checkbox{font-size:14px;line-height:1.7}
.form .checkbox input{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin-top:3px;accent-color:#087e7d}
.status,.table-note,.comparison caption,.comparison thead th,#product-count,.calculator-output span,.calculator-output small,.contact-item small{font-size:13px;line-height:1.7}
.comparison{font-size:15px;line-height:1.7}
.contact-info .contact-item{font-size:17px}
.footer p,.footer ul,.footer .contact{font-size:15px;line-height:1.8}
.footer h4{font-size:15px;line-height:1.5}
.footer li{margin:12px 0}
.footer-grid{gap:30px}
.footer p{max-width:300px}
.footer .contact{overflow-wrap:anywhere}
.cta p{font-size:16px;line-height:1.7}
.detail-content ul li{font-size:16px!important;line-height:1.8}
.faq summary{font-size:18px;line-height:1.6}
.article .intro{font-size:21px;line-height:1.7}
@media(min-width:801px) and (max-width:1100px){
 .navlinks{gap:16px}.navlinks a{font-size:13px}.nav>.button{font-size:13px;padding:12px 14px;gap:12px}.nav{gap:18px}.wordmark{font-size:20px}.wordmark small{letter-spacing:.25em}
 .hero .button{font-size:15px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:22px}
}
@media(max-width:800px){
 body{font-size:17px;line-height:1.8}
 .hero p,.section-head p,.solution-content p,.about-content p,.detail-content p,.contact-info p,.page-hero p,.editorial-grid p,.application-card p,.recommended>div>p,.global-section p,.calculator-layout>div>p,.planning-banner p,.article p,.article li,.product-card p,.products-page .product-card p,.guide p,.journey p,.download-grid p,.faq p,.setting-list li{font-size:17px;line-height:1.8}
 .hero p{max-width:420px;margin-top:24px;margin-bottom:30px}
 .hero .wrap{padding-top:60px;padding-bottom:110px}
 .hero .button,.button,.text-link,.product-card .text-link,.planning-actions .button,.filter,.solution-tabs button{font-size:16px;line-height:1.5}
 .hero .button{padding:15px 20px;min-height:52px}
 .menu{font-size:16px;padding:9px 14px;min-height:46px}
 .nav>.button{font-size:14px}
 .navlinks a{font-size:18px;padding:14px;line-height:1.5}
 .topbar{font-size:11px;letter-spacing:.02em}
 .quicklinks a{font-size:15px;padding:22px 12px!important;gap:10px}
 .quicklinks span{font-size:11px}
 .eyebrow{font-size:13px;letter-spacing:.09em;gap:10px}
 .guide .meta,.product-card .number,.process-list span{font-size:13px}
 .breadcrumbs{font-size:13px;flex-wrap:wrap;gap:8px}
 .product-card h3{font-size:24px;line-height:1.35}
 .products-page .product-card h3{font-size:28px}
 .checklist li,.spec-row,.callout,.notice,.form>p,dialog p,.process-list p{font-size:16px;line-height:1.8}
 .process-list strong{font-size:17px}
 .spec-row{gap:18px}
 .solution-tabs{gap:25px}
 .solution-tabs button{padding:16px 0}
 .form label,.calculator label,.form .checkbox{font-size:16px;line-height:1.6}
 .form input,.form select,.form textarea,.calculator input{font-size:17px;min-height:52px;padding:13px 12px}
 .form .checkbox input{min-height:22px;width:22px;height:22px;flex-basis:22px}
 .status,.table-note,.comparison caption,.comparison thead th,#product-count,.calculator-output span,.calculator-output small,.contact-item small{font-size:14px}
 .comparison{font-size:16px;min-width:820px}
 .filter{padding:11px 14px;min-height:48px}
 .filter-buttons{gap:9px}
 .footer p,.footer ul,.footer .contact,.footer h4{font-size:16px;line-height:1.8}
 .footer li a{display:inline-block;padding:5px 0}
 .copyright,.placeholder{font-size:13px}
 .faq summary{font-size:19px;line-height:1.6}
 .journey h3{font-size:24px;line-height:1.3}
 .journey span{font-size:13px}
 .download-grid article{gap:18px}
 .download-link{white-space:normal}
 .section-head .text-link{white-space:normal}
 .cta p{font-size:17px}
}
@media(max-width:600px){
 .product-grid,.related-grid{grid-template-columns:1fr;gap:38px}
 .product-img,.related-grid .product-img{height:280px}
 .product-card p{max-width:100%}
 .process-list,.journey{grid-template-columns:1fr;gap:25px}
 .process-list div{padding-top:17px}
 .journey div{display:grid;grid-template-columns:44px 1fr;column-gap:17px;align-items:start}
 .journey span{grid-row:1/3;margin-bottom:0}
 .journey h3{margin-bottom:8px}
 .journey p{grid-column:2}
 .footer-grid{grid-template-columns:1fr;gap:30px}
 .footer-grid>div{grid-column:1!important}
 .footer h4{font-size:18px;margin-bottom:14px}
 .form-grid,.calculator .form-grid{grid-template-columns:1fr}
 .form-grid>*,.calculator .form-grid>*{grid-column:1}
 .spec-row{grid-template-columns:1fr;gap:6px}
 .spec-row strong{font-weight:700}
 .hero-bottom .pagination{font-size:11px;gap:9px}
 .quicklinks a{align-items:center}
 .quicklinks span{display:none}
 .quicklinks b{flex-shrink:0}
 .solution-content h3{font-size:31px}
}