/* Service detail additions use the preserved static card styles. */
body .v8-service-detail .v8-process-grid,
body .v8-service-detail .service-resource-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body .v8-service-detail .service-resource-grid {
  display: grid;
  gap: 30px;
}

body .v8-service-detail .v6-three-grid article > i svg {
  display: block;
}

@media (max-width: 767px) {
  body .v8-service-detail .v6-part-hero > .container,
  body .v8-service-detail .v6-part-copy,
  body .v8-service-detail .v6-part-image,
  body .v8-service-detail .v8-process-grid,
  body .v8-service-detail .v6-three-grid,
  body .v8-service-detail .service-resource-grid {
    min-width: 0;
  }

  body .v8-service-detail .v6-part-image,
  body .v8-service-detail .v6-part-image img {
    width: 100%;
    max-width: 100%;
  }

  body .v8-service-detail .v8-process-grid,
  body .v8-service-detail .service-resource-grid {
    grid-template-columns: 1fr;
  }
}