/* Six stages remain one continuous route; development continues after launch. */
#implementation .section-heading { max-width: 23ch; text-wrap: balance; }
#implementation .section-inner > p { max-width: 68ch; }
body #implementation .process-grid { margin-top: 34px; }
body #implementation .process-grid .content-card { min-height: 130px; padding-top: 24px; padding-bottom: 28px; }
body #implementation .process-grid .step-number { top: 24px; }
body #implementation .process-grid .content-card::before,
body #implementation .process-grid .content-card::after { top: 77px; height: calc(100% - 54px); }
body #implementation .process-grid h3 { max-width: 26ch; font-size: 23px; }
#implementation .process-grid .content-card p { line-height: 1.65; }
body #implementation .implementation-support h3 { font-weight: 700; }
body #implementation .implementation-support .step-number { background: var(--lime); color: var(--accent-ink); border-color: var(--lime); }
#implementation .implementation-learning {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--panel-line);
}
#implementation .implementation-learning h4 {
  margin: 0;
  color: var(--text-main);
  font-size: 16px;
  font-weight: 650;
  line-height: 1.5;
  letter-spacing: normal;
}
#implementation .implementation-support-copy .implementation-learning p {
  margin: 6px 0 0;
  padding-top: 0;
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 1.65;
}
.implementation-support-copy { min-width: 0; }
@media (max-width: 650px) {
  #implementation .section-heading { max-width: none; }
  body #implementation .process-grid { margin-top: 28px; }
  body #implementation .process-grid .content-card { min-height: 0; padding-top: 22px; padding-bottom: 26px; gap: 12px; }
  body #implementation .process-grid h3 { font-size: 21px; }
  body #implementation .process-grid .step-number { top: 22px; }
  body #implementation .process-grid .content-card::before,
  body #implementation .process-grid .content-card::after { top: 69px; height: calc(100% - 48px); }
}