/* Areas Served: a quieter, geographic counterpart to the service cards. */
.service-areas-section{position:relative;background:linear-gradient(180deg,#f8fafc 0%,#f2f6f8 100%);border-top:1px solid color-mix(in srgb,var(--servio-color-accent) 72%,#fff)}
.service-areas-section:before{content:"";position:absolute;top:0;left:0;width:clamp(6rem,15vw,14rem);height:3px;background:var(--servio-color-accent)}
.service-areas-section__heading{margin-bottom:2.2rem}
.service-areas-section__heading h2{max-width:650px}
.service-areas-section__link{display:inline-flex;align-items:center;gap:.55rem;color:var(--servio-color-primary);font-size:.88rem;letter-spacing:.02em}
.service-areas-section__link span{font-size:1.15em;transition:transform .2s ease}
.service-areas-section__link:hover span{transform:translateX(3px)}
.service-areas-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;border:0}
.service-areas-grid .service-area-card{min-height:104px;padding:1.25rem 1.15rem;border:1px solid color-mix(in srgb,var(--servio-color-primary) 13%,#fff);border-radius:var(--servio-radius-md);background:rgba(255,255,255,.86);box-shadow:0 4px 12px rgb(15 36 58/.035);display:flex;align-items:center;gap:.85rem;color:var(--servio-color-secondary)}
.service-area-card__icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--servio-color-accent) 17%,#fff);color:color-mix(in srgb,var(--servio-color-accent) 74%,var(--servio-color-secondary))}
.service-area-card__icon svg{width:21px;height:21px}
.service-area-card__copy{min-width:0;display:grid;gap:.1rem}
.service-area-card__copy strong{font-family:var(--servio-heading-font,Georgia,serif);font-size:1.08rem;line-height:1.2;letter-spacing:-.01em}
.service-area-card__copy small{color:var(--servio-color-muted);font-size:.76rem;font-weight:700;letter-spacing:.035em;text-transform:uppercase}
.service-areas-empty{display:grid;gap:.3rem;padding:1.5rem;border:1px dashed color-mix(in srgb,var(--servio-color-primary) 25%,#fff);border-radius:var(--servio-radius-md);color:var(--servio-color-muted);background:rgba(255,255,255,.55)}
.service-areas-empty strong{color:var(--servio-color-secondary);font-family:var(--servio-heading-font,Georgia,serif)}
@media(max-width:850px){.service-areas-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.service-areas-grid{grid-template-columns:1fr}.service-areas-section__link{margin-top:.8rem}.service-areas-grid .service-area-card{min-height:88px}}