/* Service routes and text-led service pages; uses the existing design tokens. */
.service-paths { padding-block: var(--sp-section); }
.service-paths__inner { max-width: var(--content-max); margin-inline: auto; padding-inline: var(--gutter); }
.service-paths__grid { display: grid; gap: var(--sp-3); margin-top: var(--sp-6); padding: 0; list-style: none; }
.service-path { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.service-path__tag { color: var(--accent); font-size: var(--fs-caption); font-weight: var(--wt-bold); margin-bottom: var(--sp-3); }
.service-path .card__title { overflow-wrap: anywhere; }
.service-path .card__note { flex: 1; margin-bottom: var(--sp-4); }
.service-path__link, .focus-links a { display: inline-flex; align-items: center; min-height: var(--tap-min); color: var(--accent); font-weight: var(--wt-bold); text-decoration: underline; text-underline-offset: 0.2em; }
.focus-section > .section-title { max-width: 28ch; }
.focus-section__prose { max-width: 72ch; margin-top: var(--sp-4); line-height: var(--lh-prose); }
.focus-section__cards { margin-top: var(--sp-6); }
.focus-links { list-style: none; padding: 0; margin-top: var(--sp-4); }
.focus-contact { margin-top: var(--sp-4); }
.focus-contact a { text-decoration: underline; text-underline-offset: 0.2em; }
.services-overview { margin-top: var(--sp-6); }
.services-overview .service-paths__grid { grid-template-columns: 1fr; }
@media (min-width: 48rem) {
  .service-paths__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .services-overview .service-paths__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}