/* Mobile Residential: full content, ordinary scrolling, generous touch targets. */
.mobile-topic-list{display:none}
@media(max-width:800px){
 .mobile-disclosures .hotspots,.mobile-disclosures .connection-choice,.mobile-disclosures .topic-selector{display:none!important}
 .mobile-disclosures .mobile-topic-list{display:block;margin-top:20px}
 .mobile-topic{border-top:1px solid #ffffff26}
 .mobile-topic>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:56px;padding:16px 0;font-size:16px;color:inherit}
 .mobile-topic .mobile-topic{margin-left:12px}
 .mobile-topic>.topic-answer{padding:0 0 12px}
 .mobile-topic>.topic-answer>h3,.mobile-topic>.topic-answer>.back{display:none}
 .mobile-chevron{width:9px;height:9px;flex:none;border-right:1.5px solid var(--orange);border-bottom:1.5px solid var(--orange);transform:rotate(45deg);margin-right:5px;transition:transform 160ms ease}
 .mobile-topic[open]>summary .mobile-chevron{transform:rotate(225deg)}
 #detached .mobile-topic{border-color:#23262430}
}
@media(prefers-reduced-motion:reduce){.mobile-chevron{transition:none}}
@media(max-width:800px){
 html{scroll-padding-top:145px}
 body{font-size:16px;line-height:1.65}
 .site-header{position:sticky;top:0;height:auto;min-height:0;padding:12px 20px 0;gap:10px;flex-wrap:wrap;background:#141515f7;backdrop-filter:blur(12px)}
 .site-header .brand{font-size:19px;letter-spacing:2px;min-height:44px}.brand-subtitle,.study{display:none}
 .site-header .header-quote{display:inline-flex;margin-left:auto;min-height:44px;align-items:center;font-size:11px;padding:8px 0}
 .site-header nav{order:3;display:flex;width:100%;margin:0;gap:22px;overflow-x:auto;font-size:12px;padding:0 0 8px;scrollbar-width:thin}
 .site-header nav a{display:flex;align-items:center;min-height:44px;flex-shrink:0}
 .chapter{scroll-margin-top:140px}
 .camera,.panel-door-trial,.opening-lens-edge{display:none!important}
 .energy-thread{display:block;left:-2px}
 .energy-thread path{stroke-width:1.5}
 .scene{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0 0 40px;overflow:hidden}
 .camera-chapter .photo{position:relative;inset:auto;z-index:0;width:100%;height:270px;background-size:cover!important;background-position:center!important;flex:none}
 /* Same approved photographs and framing; lighter delivery for phone screens. */
 #home .photo{height:310px;background-image:url('/img/residential-house-mobile-800.webp')!important;background-image:image-set(url('/img/residential-house-mobile-800.webp') 1x,url('/img/residential-house-mobile-1672.webp') 2x)!important;background-position:75% 53%!important}
 #charger .photo{background-image:url('/img/residential-shared-garage-mobile-800.webp')!important;background-image:image-set(url('/img/residential-shared-garage-mobile-800.webp') 1x,url('/img/residential-shared-garage-mobile-1672.webp') 2x)!important;background-size:auto 390px!important;background-position:83% 49%!important}
 #panel .photo{background-image:url('/img/residential-shared-garage-mobile-800.webp')!important;background-image:image-set(url('/img/residential-shared-garage-mobile-800.webp') 1x,url('/img/residential-shared-garage-mobile-1672.webp') 2x)!important;background-size:auto 370px!important;background-position:38% 42%!important}
 #detached .photo{height:280px;background-image:url('/img/residential-detached-mobile-800.webp')!important;background-image:image-set(url('/img/residential-detached-mobile-800.webp') 1x,url('/img/residential-detached-mobile-1672.webp') 2x)!important;background-size:cover!important;background-position:35% center!important}
 .shade{display:none!important}
 .reading-window{display:contents}
 .camera-chapter .copy,.right .copy,#panel .copy,#detached .copy{position:relative;left:auto;right:auto;top:auto!important;transform:none!important;width:auto;max-width:none;margin:0;padding:30px 24px 12px;background:transparent;color:inherit}
 h1{font-size:44px;letter-spacing:-1.7px}h2,#panel h2{font-size:36px;letter-spacing:-1.2px}h3{font-size:28px}
 .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:18px}.lead{font-size:17px}.topic-answer p{font-size:16px}
 #detached{background:#f2f0e9;color:#232624}#detached .copy{background:#f2f0e9}#detached p{color:#434b47}
 .camera-chapter .hotspots,.light .hotspots{position:relative;inset:auto;display:flex;flex-wrap:wrap;gap:10px;height:auto;margin:12px 24px 20px;padding:0;pointer-events:auto}
 .camera-chapter .hotspot,#detached .hotspot,#detached[data-active-topic] .hotspot{position:static!important;display:flex;min-height:48px;white-space:normal;max-width:100%;gap:8px}
 .hotspot .symbol,#detached .hotspot .symbol{width:36px;height:36px;flex:none}.hotspot-label{font-size:13px;padding:8px 10px;line-height:1.4}
 .cta,.text-link,.back,.connection-choice,.selector-options button,summary{min-height:48px}
 summary{font-size:16px}.selector-options button{padding:14px 8px;font-size:16px}
 .next{position:relative;right:auto;bottom:auto;margin:12px 24px 0 auto;flex:none;width:48px;height:48px}
 .count{position:static;order:8;margin:18px 24px 0;font-size:10px}
 .reading-chapter .scene,#questions .scene{min-height:0;padding:48px 24px 32px}
 .care-layout,.questions-layout{display:block;max-width:none}.care-intro h2{font-size:40px}.care-detail{margin-top:32px}.care-intro .lead{margin-top:24px}.assurances p,.faq p{font-size:16px}
 .closing,#questions .closing{position:static;margin:40px 0 0;padding:32px 0 0;border-left:0;border-top:1px solid #ffffff26}.closing h2{font-size:36px}.closing p{font-size:16px}
 .faq summary{font-size:16px;gap:18px}.faq .symbol{flex:none}.faqs{margin-top:28px}.faq p{line-height:1.7}
 #site-footer{padding:30px 24px;display:flex;flex-direction:column;gap:24px}#site-footer nav{max-width:none;gap:4px 22px}#site-footer a{display:inline-flex;align-items:center;min-height:44px}.footer-contact{gap:0}
 .ct-layer{position:relative;inset:auto;order:5;z-index:0}.ct-art{display:none!important;transform:none!important;width:100%!important;height:auto!important}
 #panel[data-active-topic=energy-management] .ct-art{display:block!important}#panel[data-active-topic=energy-management] .hotspots{visibility:visible}
 #detached .trench-layer{position:relative;inset:auto;order:5;z-index:0;width:100%;height:300px;background:#f2f0e9}
 #detached .trench-art{width:167%!important;height:auto!important;transform:none!important;clip-path:none;mask-image:none;left:0;top:0}
 .topic-answer{padding-top:0}.fine{font-size:13px}
}