/* Shared readable typography for all current pages. */
body{font-size:16px}
.eyebrow,.micro,.note,.scenario-number,.document-number,.brand span,
.breadcrumbs,.breadcrumbs a,.breadcrumbs span,.catalog-body dt,.product-copy dt,.product-key dt,
.footer-bottom,.footer-bottom span,.footer-bottom p,.footer-bottom a,.footer-bottom summary,
.lead-form .lead-note,.catalog-tools label,.catalog-tools>span,.price-request,
.product-bottom,.product-bottom a,.product-bottom span,.hybrid-legend{font-size:14px;line-height:1.5}
.eyebrow{letter-spacing:1px}
.deliverables p,.task-grid p,.answer,.checklist p,.steps p,.faq details p,
.catalog-description,.catalog-go,.product-copy>p:not(.micro),.products p,
.scenario-option small,.engineering-list span,.hybrid-description,.hybrid-result,
.service-strip p,.contact-office p,.contact-consult p,.warehouse-list li,
.detail-grid p,.spec-strip p,.site-overview-copy p,
label,.lead-form label,input,select,textarea,.lead-form input,.lead-form textarea,
.category-links a,.product-anchor-nav a,.table-scroll table,.btn{font-size:16px;line-height:1.5}
.btn{white-space:normal}
.catalog-go{line-height:1.4}
.hybrid-node strong{font-size:14px;line-height:1.2}
.deliverables h3,.checklist h3,.steps h3,.catalog-body h3,.product-copy h2,
.detail-grid h3{font-size:24px;line-height:1.2}
@media(max-width:760px){
 .deliverables h3{font-size:clamp(16px,4.3vw,20px)}
 .checklist h3,.steps h3,.catalog-body h3,.product-copy h2,.detail-grid h3{font-size:22px}
 .steps{grid-template-columns:1fr}
 .catalog-body h3{min-height:0}
 .catalog-body .micro,.product-copy .micro{white-space:normal}
 .hero-copy .actions .btn{font-size:16px;white-space:nowrap}
 .lead-form .btn,form>.btn{width:100%;padding:14px 12px}
 .hybrid-node strong{font-size:14px}
 .hybrid-legend{padding:12px 16px}
}

#equipment .catalog-description,#hybrid .hybrid-description,#hybrid .hybrid-result,
.system-parts p,.handover-grid p{font-size:16px;line-height:1.5}
#hybrid .hybrid-legend,#hybrid .hybrid-node strong,.system-parts article>span,
.checklist article>span,.contact-header .brand span{font-size:14px}
.system-parts h3,.handover-grid h3{font-size:24px;line-height:1.25}
.site-info p{font-size:16px;line-height:1.5}
.site-info h3{font-size:20px}
@media(max-width:760px){
 .system-parts{grid-template-columns:1fr}
 .system-parts h3,.handover-grid h3{font-size:22px}
 #hybrid .hybrid-node strong{white-space:normal;max-width:100%;padding:3px 1px}
 #hybrid .hybrid-canvas{height:390px}
 #hybrid .hybrid-node{height:125px}
}

/* Larger desktop typography; mobile and tablet sizing stays unchanged. */
@media(min-width:1101px){
 body{font-size:18px}
 .deliverables p,.task-grid p,.answer,.checklist p,.steps p,.faq details p,
 .catalog-description,#equipment .catalog-description,.catalog-go,.product-copy>p:not(.micro),.products p,
 .scenario-option small,.engineering-list span,#hybrid .hybrid-description,#hybrid .hybrid-result,
 .service-strip p,.contact-office p,.contact-consult p,.warehouse-list li,.system-parts p,.handover-grid p,
 .detail-grid p,.spec-strip p,.site-overview-copy p,.site-info p,
 label,.lead-form label,input,select,textarea,.lead-form input,.lead-form textarea,
 .category-links a,.product-anchor-nav a,.table-scroll table,.btn{font-size:18px}
 .eyebrow,.micro,.note,.scenario-number,.document-number,.contact-header .brand span,
 .breadcrumbs,.breadcrumbs a,.breadcrumbs span,.catalog-body dt,.product-copy dt,.product-key dt,
 .footer-bottom,.footer-bottom span,.footer-bottom p,.footer-bottom a,.footer-bottom summary,
 .lead-form .lead-note,.catalog-tools label,.catalog-tools>span,.price-request,
 .product-bottom,.product-bottom a,.product-bottom span,#hybrid .hybrid-legend,
 #hybrid .hybrid-node strong,.system-parts article>span,.checklist article>span{font-size:15px}
 .checklist h3,.steps h3,.catalog-body h3,.product-copy h2,.detail-grid h3,
 .system-parts h3,.handover-grid h3,.scenario-option strong{font-size:26px}
 .deliverables h3{font-size:24px}
 .site-info h3{font-size:24px}
}

@media(min-width:1101px) and (max-width:1279px){.detail-grid h3{font-size:24px}}

@media(max-width:760px){
 #tasks .section-head h2{font-size:clamp(20px,5.7vw,30px);line-height:1.2}
 #tasks .tasks-title-line{white-space:nowrap}
 #tasks .section-head>p:last-child{font-size:18px;line-height:1.5}
 #tasks .section-head>p:last-child br{display:none}
}

@media(max-width:760px){
 .contact-footer h2 em{font-size:clamp(18px,5.4vw,30px);white-space:nowrap}
}

.product-title-model,.product-title-code,.product-title-spec,.product-title-kind{display:block}
.product-title-model,.product-title-code,.product-quantity{white-space:nowrap}
.product-title-code{font-size:clamp(16px,1.5vw,20px);letter-spacing:-.5px;line-height:1.4;margin-top:4px}
.product-title-spec{font-size:.85em;line-height:1.4;margin-top:4px}
.product-title-kind{font-size:16px;font-weight:400;line-height:1.4;margin-top:8px;color:#687e89}

/* Keep each catalogue configuration intact, including on desktop. */
.product-title-spec{white-space:nowrap}
.product-title-kind{display:block;white-space:normal;text-wrap:pretty}
@media(min-width:761px){
 .product-copy h2 .product-title-model{font-size:26px;line-height:1.2}
 .product-copy h2 .product-title-code{font-size:18px;line-height:1.4}
 .product-copy h2 .product-title-spec{font-size:20px;line-height:1.4}
 .product-copy h2 .product-title-kind{font-size:16px;line-height:1.4;margin-top:10px}
 .product-hero h1 .product-title-spec{font-size:26px;line-height:1.4}
 .product-hero h1 .product-title-kind{font-size:18px;line-height:1.4;margin-top:12px}
}
@media(max-width:360px){.product-title-spec{font-size:17px}}

/* Readable, single-line action labels. */
.btn{font-size:18px;white-space:nowrap;gap:14px}
@media(max-width:760px){
 .btn,.hero-copy .actions .btn,.lead-form .btn,form>.btn{font-size:17px;white-space:nowrap;padding-left:12px;padding-right:12px;gap:10px;max-width:100%}
 .btn b{flex-shrink:0}
}
