/* R37: isolated proportion tuning for existing ELECTRICAL + GENERAL info pages ONLY.
   No selectors for global header, menu, footer, homepage, camera, HVAC or EV pages. */
.r31-main.r37-balanced{max-width:1260px;padding-inline:clamp(9px,1.3vw,16px)}
.r31-main.r37-balanced .r31-hero{min-height:305px}
.r31-main.r37-balanced .r31-hero-copy{padding:20px clamp(20px,2.4vw,32px)}
.r31-main.r37-balanced .r31-hero h1{font-size:clamp(27px,2.7vw,40px);line-height:1.11}
.r31-main.r37-balanced .r31-crumb{margin-bottom:12px}
.r31-main.r37-balanced .r31-eyebrow{margin-bottom:8px!important}
.r31-main.r37-balanced .r31-hero-media{min-height:0}
.r31-main.r37-balanced .r31-hero-media img{min-height:305px;max-height:340px}
.r31-main.r37-balanced .r31-lede{font-size:14px;line-height:1.54;margin-bottom:15px}
.r31-main.r37-balanced .r31-anchor-links{padding:10px 0}
.r31-main.r37-balanced .r31-section{padding:21px 19px 23px;margin:10px 0 12px}
.r31-main.r37-balanced .r31-section-intro{margin-bottom:13px}
.r31-main.r37-balanced h2{font-size:clamp(21px,2.05vw,27px)}
.r31-main.r37-balanced .r31-tile{min-height:127px;padding:14px 14px 30px}
.r31-main.r37-balanced .r31-tile-index{margin-bottom:8px}
.r31-main.r37-balanced .r31-tile strong{font-size:15px;margin-bottom:6px}
.r31-main.r37-balanced .r31-feature img{min-height:0;max-height:250px}
.r31-main.r37-balanced .r31-feature>div{padding:21px 23px}
.r34-main.r37-balanced{max-width:1240px;padding-inline:clamp(10px,1.5vw,19px)}
.r34-main.r37-balanced .r34-hero{min-height:295px}
.r34-main.r37-balanced .r34-hero-content{padding:clamp(20px,2.45vw,34px)}
.r34-main.r37-balanced .r34-hero-content h1{font-size:clamp(27px,2.75vw,40px);line-height:1.12}
.r34-main.r37-balanced .r34-hero-visual{min-height:295px}
.r34-main.r37-balanced .r34-trustline{margin:9px 0 18px}
.r34-main.r37-balanced .r34-trustline span{padding:11px 14px}
.r34-main.r37-balanced .r34-card{min-height:174px;padding:15px 14px}
.r34-main.r37-balanced .r34-card h3{font-size:16px;margin:10px 0 7px}
.r34-main.r37-balanced .r34-feature{min-height:235px;margin:13px 0 19px}
.r34-main.r37-balanced .r34-feature-image{min-height:235px}
.r34-main.r37-balanced .r34-feature-content{padding:23px}
.r33-main.r37-balanced{max-width:1210px}
.r33-main.r37-balanced .r33-hero{min-height:300px}
.r33-main.r37-balanced .r33-hero h1{font-size:clamp(27px,2.8vw,41px)}
.r33-main.r37-balanced .r33-hero-media{min-height:290px}
.r32-main.r37-balanced{max-width:1260px}
.r32-main.r37-balanced .r32-hero{min-height:310px}
.r32-main.r37-balanced .r32-hero-image{min-height:300px}
.r32-main.r37-balanced .r32-hero h1{font-size:clamp(27px,2.7vw,40px)}
.r32-main.r37-balanced .r32-hero-copy{padding:24px}
.r32-main.r37-balanced .r32-crumb{margin-bottom:14px}
.r32-main.r37-balanced .r32-section{padding:21px 19px}
.r32-main.r37-balanced .r32-card{min-height:160px;padding:15px 15px 35px}
.r32-main.r37-balanced .r32-card-index{margin-bottom:8px}
@media(max-width:700px){
 .r31-main.r37-balanced{padding:0 9px 92px}
 .r31-main.r37-balanced .r31-hero{min-height:0}
 .r31-main.r37-balanced .r31-hero-copy{padding:17px 16px}
 .r31-main.r37-balanced .r31-hero h1{font-size:clamp(24px,6.8vw,30px);line-height:1.12}
 .r31-main.r37-balanced .r31-hero-media{height:168px;min-height:168px}
 .r31-main.r37-balanced .r31-hero-media img{height:168px;min-height:0;max-height:none}
 .r31-main.r37-balanced .r31-section{padding:15px 13px}
 .r31-main.r37-balanced .r31-tile{min-height:0;padding:12px 30px 14px 13px}
 .r31-main.r37-balanced .r31-feature img{height:170px;max-height:170px}
 .r34-main.r37-balanced{padding:8px 11px 92px}
 .r34-main.r37-balanced .r34-hero{min-height:0}
 .r34-main.r37-balanced .r34-hero-content{padding:18px 17px}
 .r34-main.r37-balanced .r34-hero-content h1{font-size:clamp(25px,6.8vw,30px)}
 .r34-main.r37-balanced .r34-hero-visual{min-height:173px;max-height:173px}
 .r34-main.r37-balanced .r34-trustline span{padding:10px 12px}
 .r34-main.r37-balanced .r34-card{min-height:0;padding:13px 12px}
 .r34-main.r37-balanced .r34-feature-image{min-height:175px}
 .r33-main.r37-balanced .r33-hero{min-height:0}
 .r33-main.r37-balanced .r33-hero h1{font-size:clamp(24px,6.8vw,31px)}
 .r32-main.r37-balanced .r32-hero{min-height:0}
 .r32-main.r37-balanced .r32-hero-copy{padding:17px}
 .r32-main.r37-balanced .r32-hero h1{font-size:clamp(24px,6.8vw,31px)}
 .r32-main.r37-balanced .r32-hero-image{min-height:170px;height:170px}
 .r32-main.r37-balanced .r32-card{min-height:0;padding:13px 12px 34px}
}


.r37-general-balanced>.hero{min-height:335px}
.r37-general-balanced .hero-copy h1{font-size:clamp(28px,2.9vw,42px);line-height:1.12}
.r37-general-balanced .hero-copy{padding-block:20px}
@media(max-width:700px){
 .r33-main.r37-balanced .r33-hero-media{min-height:185px;max-height:195px}
 .r37-general-balanced>.hero{min-height:0}
 .r37-general-balanced .hero-copy h1{font-size:clamp(25px,6.8vw,31px)}
 .r37-general-balanced .hero-media{height:170px}
}