/* All four panels share the same outline, content inset and measured size. */
body[data-home-sections="v1"] #process[data-process-flow="v3"] .p3-steps {
  grid-auto-rows: 1fr;
  padding-right: var(--p3-cut);
}

body[data-home-sections="v1"] #process[data-process-flow="v3"] .p3-step,
body[data-home-sections="v1"] #process[data-process-flow="v3"] .p3-step:first-child,
body[data-home-sections="v1"] #process[data-process-flow="v3"] .p3-step:last-child {
  --p3-shape: inherit;
  margin-right: calc(-1 * var(--p3-cut));
  padding: 32px 38px 34px 42px;
}

body[data-home-sections="v1"] #process[data-process-flow="v3"] .p3-step:first-child .p3-rail {
  left: 120px;
}

@media (max-width: 1100px) {
  body[data-home-sections="v1"] #process[data-process-flow="v3"] .p3-steps {
    padding: 0 0 var(--p3-cut);
  }

  body[data-home-sections="v1"] #process[data-process-flow="v3"] .p3-step,
  body[data-home-sections="v1"] #process[data-process-flow="v3"] .p3-step:first-child,
  body[data-home-sections="v1"] #process[data-process-flow="v3"] .p3-step:last-child {
    margin: 0 0 calc(-1 * var(--p3-cut));
    padding: 38px 30px 54px;
    align-content: start;
  }
}

@media (max-width: 650px) {
  body[data-home-sections="v1"] #process[data-process-flow="v3"] .p3-step,
  body[data-home-sections="v1"] #process[data-process-flow="v3"] .p3-step:first-child,
  body[data-home-sections="v1"] #process[data-process-flow="v3"] .p3-step:last-child {
    padding: 34px 22px 48px;
  }
}