/* Service detail pages (added 2026-11-09). External file on purpose:
   the site's Content-Security-Policy blocks inline styles and inline
   event handlers, so all service-page styling lives here. */

/* Navy hero built on the homepage .van-hero pattern */
.service-hero{min-height:560px}
.service-hero .van-layout{min-height:560px}
.service-hero .van-copy{width:56%}
.service-breadcrumb{font-size:12px;letter-spacing:1.6px;font-weight:700;color:#a5d1ff;margin-bottom:22px}
.service-breadcrumb a{color:#a5d1ff;text-decoration:none}
.service-breadcrumb a:hover{color:#fff}
.service-hero .van-copy h1{font-size:clamp(48px,5vw,76px)}
.service-hero .van-intro{max-width:560px}
.service-hero .van-location{color:#d0deec}

/* Intro + scope list */
.service-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:70px}
.service-intro p{color:var(--muted)}
.service-scope{list-style:none;padding:0;margin:28px 0 32px}
.service-scope li{padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}
.service-scope li:before{content:'\26a1';color:var(--blue);margin-right:13px}

/* Big photo figure (construction page second image) */
.service-photo{margin:0}
.service-photo img{width:100%;height:480px;object-fit:cover}
.service-photo figcaption{padding:14px 0 0;font-size:13px;color:var(--muted)}

/* FAQ */
.service-faq .faqs{max-width:900px}

/* Warranty note */
.service-warranty{background:var(--pale);border-top:3px solid var(--blue);padding:34px 40px}
.service-warranty h3{margin-bottom:12px}
.service-warranty p{margin:0;max-width:760px;color:var(--muted)}
.service-warranty .text-link{display:inline-block;margin-top:14px}

/* Other services */
.other-service-links{display:flex;gap:12px;flex-wrap:wrap}
.other-service-links a{border:1px solid var(--line);padding:15px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s}
.other-service-links a:hover{border-color:var(--blue);color:var(--blue)}

@media(max-width:980px){.service-hero .van-copy{width:62%}.service-intro{gap:40px}}
@media(max-width:700px){
.service-hero{min-height:0}
.service-hero .van-layout{min-height:0}
.service-hero .van-copy{width:100%}
.service-intro{grid-template-columns:1fr;gap:30px}
.service-photo img{height:280px}
.service-warranty{padding:26px 22px}
}

/* City pages + homepage About/areas links (added 2026-11-09) */
.city-services-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.city-services-list a{padding:25px;border:1px solid var(--line);font-size:15px;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s}
.city-services-list a:hover{border-color:var(--blue);color:var(--blue)}
.city-note{margin-top:26px;color:var(--muted);max-width:760px;line-height:1.8}
.about-copy{max-width:760px;color:var(--muted);font-size:16px;line-height:1.8}
.area-faq #areas p a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.city-services-list{grid-template-columns:1fr}}