/* Service navigation */
.service-tabs {
  background: var(--card);
  border-bottom: 1px solid var(--border);
  overflow-x: auto;
  position: sticky;
  top: var(--sticky-header-height);
  z-index: 30;
}

.service-tabs .container {
  display: flex;
  white-space: nowrap;
}

.service-tabs a {
  border-bottom: 2px solid transparent;
  color: var(--muted);
  font-size: var(--font-size-min);
  font-weight: 600;
  padding: 1rem 1.1rem;
}

.service-tabs a:hover {
  border-color: var(--teal);
  color: var(--teal);
}

/* Service summaries */
.services-list {
  padding-bottom: 2rem;
}

.service-row {
  align-items: start;
  border-bottom: 1px solid var(--border);
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 2fr 3fr;
  padding-block: 2rem;
  scroll-margin-top: calc(var(--sticky-header-height) + 4rem);
}

.service-row > img {
  aspect-ratio: 3 / 2;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.service-row h2 {
  margin-bottom: .65rem;
}

.service-row p {
  color: var(--muted);
  line-height: 1.65;
}

.check-list {
  list-style: none;
  margin: 0 0 1.25rem;
  padding: 0;
}

.check-list li {
  align-items: center;
  display: flex;
  font-size: var(--font-size-body);
  gap: .55rem;
  margin-top: .55rem;
}

/* Responsive layout */
@media (max-width: 760px) {
  .service-row {
    grid-template-columns: 1fr;
  }
  .service-row > img {
    max-height: 18rem;
  }
}