.guide {
  margin-block-start: var(--space-3xl);
  counter-reset: guide;
}

.guide__step {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-sm);
  padding-block: var(--space-2xl);
  border-block-start: 1px solid var(--color-line-soft);
  counter-increment: guide;
}

.guide__step:last-child {
  padding-block-end: 0;
}

.guide__step::before {
  content: counter(guide);
  color: var(--color-accent-text);
  font-size: 22px;
  font-weight: 650;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
}

.guide__title {
  font-size: 22px;
  font-weight: 550;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.guide__text {
  font-size: 16px;
}

@media (min-width: 860px) {
  .guide__step {
    grid-template-columns: 56px minmax(0, 5fr) minmax(0, 7fr);
    gap: var(--space-xl);
  }
}