/* Approved workflow layout: retain the existing copy, type and motion. */
.services-overview .service-working {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.5fr);
  grid-template-rows: max-content 1fr;
  align-items: start;
  gap: 28px 64px;
  padding-inline: max(20px, calc((100% - 1120px) / 2));
}
.services-overview .service-working__heading {
  grid-column: 1;
  grid-row: 1;
  display: block;
  min-width: 0;
}
.services-overview .service-working__heading > p {
  margin-top: 24px;
  max-width: 24em;
}
.services-overview .service-working > .button-link {
  grid-column: 1;
  grid-row: 2;
  justify-self: start;
  align-self: start;
}
.services-overview .service-working__steps {
  grid-column: 2;
  grid-row: 1 / 3;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 0;
  min-width: 0;
}
.services-overview .service-working__steps li {
  display: grid;
  grid-template-columns: 28px minmax(0, .8fr) minmax(0, 1.2fr);
  align-items: baseline;
  gap: 8px 20px;
  padding: 24px 0;
}
.services-overview .service-working__steps li:last-child { border-bottom: 1px solid var(--line); }
.services-overview .service-working__steps h3 { margin: 0; }
.services-overview .service-working__steps :is(h3, p) { min-width: 0; }
@media (max-width: 1100px) {
  .services-overview .service-working { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); column-gap: 48px; }
  .services-overview .service-working__steps li { grid-template-columns: 28px minmax(0, 1fr); column-gap: 16px; padding-block: 20px; }
  .services-overview .service-working__steps li > span { grid-row: 1 / 3; }
  .services-overview .service-working__steps p { grid-column: 2; }
}
@media (max-width: 800px) {
  .services-overview .service-working { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 28px; }
  .services-overview .service-working__heading > p { max-width: 36em; margin-top: 20px; }
  .services-overview .service-working__steps { grid-column: 1; grid-row: 2; }
  .services-overview .service-working > .button-link { grid-column: 1; grid-row: 3; }
}
@media (max-width: 520px) {
  .services-overview .service-working > .button-link { justify-self: stretch; }
  .services-overview .service-working__steps li { padding-block: 16px; row-gap: 4px; }
}