/* Services-page refinements preserve the shared storefront theme. */
html:not([data-theme='dark']) .simplified-site[data-page='services'] {
  --home-green: #008329;
}

html .simplified-site[data-page='services'] .service-heading {
  font-size: 21px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -.02em;
}

.simplified-site[data-page='services'] .service-offering {
  display: grid;
  grid-template-rows: 40px auto 1fr auto;
  gap: 12px;
}

.simplified-site[data-page='services'] .service-offering > i {
  font-size: 40px;
}

.simplified-site[data-page='services'] .service-offering > a {
  justify-self: start;
  margin-top: 8px;
}

.simplified-site[data-page='services'] .fleet-card.service-visual {
  background: var(--mint);
  border-color: var(--line);
}

.simplified-site[data-page='services'] .service-art {
  background: transparent;
}

.simplified-site[data-page='services'] .service-art > i {
  flex-shrink: 0;
}

.simplified-site[data-page='services'] .service-art > span {
  line-height: 1.2;
  letter-spacing: -.02em;
  white-space: nowrap;
}

.simplified-site[data-page='services'] .service-description {
  display: grid;
  gap: 8px;
}

.simplified-site[data-page='services'] .service-description > p {
  color: var(--muted);
  font-size: calc(0.8125rem + var(--readability-size-step, 0rem));
  line-height: 1.6;
}