@import '../../tokens/tokens.css';

/* Numbered process list. Sans, dim, tabular numbers from data-n attr. */
.num-list { list-style: none; padding: 0; margin: 0; }
.num-list li {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: var(--ds-s4);
  padding: var(--ds-s4) 0;
  border-top: 1px solid var(--ds-line);
}
.num-list li:last-child { border-bottom: 1px solid var(--ds-line); }
.num-list li::before {
  content: attr(data-n);
  color: var(--ds-text-dim);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  font-size: var(--ds-t-sm);
  padding-top: 2px;
}
.num-list h3 {
  font-family: var(--ds-font-body);
  font-size: var(--ds-t-body);
  font-weight: 600;
  margin: 0 0 4px;
  color: var(--ds-text);
}
.num-list p { margin: 0; font-size: var(--ds-t-sm); color: var(--ds-text-2); }