.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;background:white;color:#1a1f6e;padding:12px}.skip-link:focus{left:10px}.seo-related{max-width:1200px;margin:32px auto;padding:24px}.seo-related h2{font-size:24px;font-weight:800;color:#1a1f6e;margin-bottom:12px}.seo-related a{color:#26348f;text-decoration:underline}.seo-related ul{display:flex;flex-wrap:wrap;gap:16px;list-style:disc;padding-left:20px}.residential-gallery{max-width:1200px;margin:32px auto;padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.residential-gallery img{width:100%;height:260px;object-fit:cover;border-radius:16px}.residential-gallery figcaption{padding:10px;color:#1a1f6e}.post-body{max-width:850px;margin:40px auto;padding:0 24px;color:#334155;font-size:17px;line-height:1.85}.post-body h2{font:800 28px Outfit,sans-serif;color:#1a1f6e;margin:32px 0 12px}.post-body h3{font:700 22px Outfit,sans-serif;color:#1a1f6e;margin:24px 0 10px}.post-body p,.post-body ul,.post-body ol{margin:16px 0}.post-body ul{list-style:disc;padding-left:24px}.post-body ol{list-style:decimal;padding-left:24px}.post-body a{color:#26348f;text-decoration:underline}.post-body img{max-width:100%;height:auto;border-radius:12px}nav a[aria-haspopup]+div a{display:block}
.service-dropdown{position:absolute;top:100%;left:0;min-width:290px;max-width:340px;background:white;border:1px solid #e5e7eb;border-radius:12px;padding:8px;box-shadow:0 12px 30px #0002;z-index:60;display:none}.service-dropdown a{display:block;padding:10px 12px;font-size:14px;line-height:1.5;color:#1a1f6e;border-radius:6px}.service-dropdown a:hover,.service-dropdown a:focus{background:#fff3e6;color:#b14d00}.service-menu:hover .service-dropdown,.service-menu:focus-within .service-dropdown{display:block}.mobile-site-menu{position:absolute;top:100%;left:0;right:0;max-height:80vh;overflow:auto;background:white;padding:20px;box-shadow:0 4px 12px #0002;gap:12px;z-index:70}.mobile-site-menu a{display:block;color:#1a1f6e;padding:7px 0}.mobile-site-menu .mobile-service{padding-left:18px;font-size:14px}@media(min-width:1024px){.mobile-site-menu{display:none!important}}
/* Navigation-only styling matched to the live blue/orange menu. */
nav.sticky .nav-link.is-current,nav.sticky .nav-link:focus-visible{color:#f58220}
nav.sticky .nav-link.is-current::after,nav.sticky .nav-link:focus-visible::after{width:100%}
nav.sticky .service-dropdown{width:260px;min-width:260px;max-width:260px;padding:0;border:1px solid #f3f4f6;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #0004}
nav.sticky .service-dropdown a{font-family:Outfit,sans-serif;padding:14px 20px;font-size:14px;font-weight:600;line-height:24px;border-radius:0;border-bottom:1px solid #f3f4f6;color:#1a1f6e}
nav.sticky .service-dropdown a:last-child{border-bottom:0}
nav.sticky .service-dropdown a:hover,nav.sticky .service-dropdown a:focus-visible,nav.sticky .service-dropdown a.is-current{background:#fff7ed;color:#f58220}
nav.sticky .mobile-site-menu a.is-current{background:#fff7ed;color:#f58220;box-shadow:inset 3px 0 #f58220;padding-left:12px}
nav.sticky .mobile-site-menu a.mobile-service.is-current{padding-left:18px}

/* Match the live Services label typography on mobile too. */
nav.sticky .mobile-site-menu a.mobile-service{font-family:Outfit,sans-serif;font-weight:600}

/* Explicit reference font for the main desktop and mobile menu. */
nav.sticky .nav-link,nav.sticky .mobile-site-menu>a:not(.mobile-service){font-family:Outfit,sans-serif;font-weight:500}

/* Keep the footer brand mark aligned with its text column on every page. */
footer .footer-brand-logo{display:block;width:186px;max-width:100%;height:auto;object-fit:contain;object-position:left center;margin:0 0 16px}

footer#site-footer{scroll-margin-top:100px}

/* Narrow-screen fixes verified across the public page set. */
@media(max-width:700px){
 #why [class~="-right-6"]{right:0}
 #calculator .calculator .grid{grid-template-columns:minmax(0,1fr)}
 #calculator .grid>*{min-width:0}
 #calculator .calculator .system-row{flex-wrap:wrap}
 #calculator .system-row>div{min-width:0}
 #calculator .calculator .total{flex-wrap:wrap}
 #calculator .total>*{min-width:0;max-width:100%}
 #calculator .commercial-total strong{overflow-wrap:anywhere}
 #main-content article a{overflow-wrap:anywhere}
}
@media(max-width:360px){
 #calculator .calculator .total{flex-direction:column;align-items:stretch}
 #calculator .calculator .stats{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #calculator .stat{min-width:0;padding-left:8px;padding-right:8px}
 #calculator .stat strong{font-size:20px;overflow-wrap:anywhere}
 #calculator .calculator .total-bottom{flex-wrap:wrap}
}