/* Service-area landing pages: loaded after theme.css */

/* Service links in the dark "Services That Fit Here" panel */
.svc-service-list li a { color: inherit; text-decoration: underline; text-decoration-color: rgba(255,255,255,0.3); text-underline-offset: 3px; }
.svc-service-list li a:hover, .svc-service-list li a:focus-visible { color: #fff; text-decoration-color: var(--accent); }

/* Borough anchors land below the sticky navbar */
.svc-sign-card[id] { scroll-margin-top: 96px; }

/* Other areas */
.area-nearby { background: var(--paper); padding: 3.5rem 0; border-top: 1px solid var(--stone); }
.area-nearby__title { font-family: var(--font-display); font-size: 1.3rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--text); margin-bottom: 1rem; }
.area-nearby__list { display: flex; flex-wrap: wrap; gap: 0.6rem 2rem; }
.area-nearby__list a { color: var(--text-2); font-weight: 600; text-decoration: underline; text-decoration-color: var(--stone-dk); text-underline-offset: 4px; }
.area-nearby__list a:hover, .area-nearby__list a:focus-visible { color: var(--accent-ink); text-decoration-color: var(--accent-ink); }

/* Long two-line area names in the hero */
@media (max-width: 480px) { .svc-hero__headline { overflow-wrap: anywhere; } }