/* The ruled step list on the Wholesale page. Deliberately not three equal
   cards: the steps are a sequence, so they read down a rule rather than
   across a grid. */

.ac-step {
  display: flex;
  gap: 22px;
  align-items: baseline;
  padding: 22px 0;
  border-top: 1px solid var(--ac-line);
}
.ac-step:first-child { border-top: 0; padding-top: 6px; }

.ac-step__n {
  font-family: var(--ac-font-heading);
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  color: var(--ac-accent);
  flex: 0 0 auto;
  min-width: 46px;
}

.ac-step__t {
  font-family: var(--ac-font-heading);
  font-size: 23px;
  font-weight: 600;
  line-height: 1.15;
  margin: 0 0 6px;
  color: var(--ac-ink);
}

.ac-step__p {
  margin: 0;
  font-family: var(--ac-font-body);
  font-size: 15px;
  line-height: 1.7;
  color: var(--ac-ink-soft);
  max-width: 46ch;
}

@media (max-width: 1010px) {
  .ac-step { gap: 16px; }
  .ac-step__n { font-size: 26px; min-width: 38px; }
}