.process {
  display: grid;
  gap: var(--space-xl);
}

.process__list {
  list-style: none;
  border-top: var(--border-width) solid var(--color-line);
}

.process__item {
  display: grid;
  grid-template-columns: 3.5rem 1fr;
  gap: var(--space-m);
  padding-block: var(--space-m);
  border-bottom: var(--border-width) solid var(--color-line);
}

.process__number {
  padding-top: var(--space-3xs);
  color: var(--color-accent);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
}

.process__title {
  margin-bottom: var(--space-3xs);
  font-size: var(--text-base);
}

.process__text {
  color: var(--color-text-muted);
  font-size: var(--text-xs);
}

@media (min-width: 992px) {
  .process {
    grid-template-columns: 0.85fr 1.15fr;
    gap: var(--space-3xl);
  }
}