/* A service with a page of its own: the whole row opens it. The link is the
   heading; its ::after stretches over the row, so the row is one link for a
   reader and one target for a finger. */
.page-services .service-row:has(.service-row__link) {
  position: relative;
}

.page-services .service-row__link {
  color: inherit;
  text-decoration: none;
}

.page-services .service-row__link::after {
  content: "";
  position: absolute;
  inset: 0;
}

.page-services .service-row__link:focus-visible {
  outline: none;
}

.page-services .service-row__link:focus-visible::after {
  outline: 3px solid var(--focus);
  outline-offset: 4px;
}

.page-services .service-row:has(.service-row__link):hover {
  background: var(--green-light);
}

.page-services .service-row:has(.service-row__link):hover .service-row__link {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.page-services .service-row__more {
  display: inline-block;
  margin-top: 12px;
  color: var(--green-deep);
}