/* Service-area and service landing pages, breadcrumbs, FAQ and footer link rows. Builds on site.css tokens. */
.crumbs{font-size:.82rem;color:#a9a9a4;margin-bottom:1.2em}
.crumbs a{color:#d9d9d4}
.crumbs a:hover{color:var(--y-lt)}
.crumbs span{color:#fff}
.page-hero .hero-cta{margin-top:1.6em}
.prose p{color:var(--soft)}
.prose h2{max-width:22ch}
.area-facts{margin-top:16px}
.area-facts h3{margin-bottom:.6em}
.tick{list-style:none;margin:0;padding:0;display:grid;gap:.55em}
.tick li{display:flex;gap:.7em;align-items:baseline;color:var(--soft)}
.tick li::before{content:"";width:8px;height:8px;background:var(--y-2);flex-shrink:0;transform:translateY(-1px)}
.svc-grid .svc-card p{flex:1}
.area-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.area-cards-2{grid-template-columns:1fr 1fr}
.area-cards .svc-card h3{font-size:1.1rem}
.area-more{color:var(--muted);margin-top:1.4em}
.area-more a{color:var(--ink);font-weight:600;border-bottom:2px solid var(--y)}
.svc-photo{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.svc-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.faq-wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(28px,5vw,64px);align-items:start}
.faq{display:grid;gap:10px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 20px}
.faq details[open]{border-color:var(--y-2)}
.faq summary{cursor:pointer;list-style:none;padding:18px 28px 18px 0;font-weight:700;color:var(--ink);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:500;color:var(--muted)}
.faq details[open] summary::after{content:"\2013"}
.faq details p{color:var(--soft);margin:0 0 18px}
.related{display:flex;flex-wrap:wrap;gap:10px}
.related a{display:inline-flex;align-items:center;gap:.5em;padding:12px 16px;border:1px solid var(--line);border-radius:10px;font-weight:600;color:var(--ink);background:#fff}
.related a:hover{border-color:var(--y-2)}
.related .ico{width:1em;height:1em}
.loc-row{grid-template-columns:repeat(3,1fr)}
.footer-seo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);margin-top:clamp(20px,2.6vw,28px);padding-top:clamp(18px,2.4vw,26px);border-top:1px solid rgba(255,255,255,.1)}
.footer-seo ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5em 1.4em;font-size:.88rem}
@media (max-width:1100px){.area-cards{grid-template-columns:repeat(3,1fr)}}
@media (max-width:880px){.faq-wrap,.loc-row,.footer-seo{grid-template-columns:1fr}.area-cards{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.area-cards,.area-cards-2{grid-template-columns:1fr}}