/* Нумерованный перечень: разбор темы по шагам.
   Номер печатает вёрстка, а не текст: пункты переставляют, и «1.» внутри абзаца
   после перестановки начинает врать. */
@layer theme.components {

.numbered-list { display: grid; margin: 24px 0 0; padding: 0; gap: 28px; list-style: none; }
.numbered-list__item {
  display: grid;
  padding-block-start: 18px;
  border-block-start: 1px solid var(--color-border);
  gap: 6px 0;
  grid-template-columns: 44px minmax(0, 1fr);
}
.numbered-list__num {
  grid-row: span 2;
  color: var(--color-accent);
  font-size: var(--font-size-small);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 860px) {
  .numbered-list__item { grid-template-columns: minmax(0, 1fr); }
  .numbered-list__num { grid-row: auto; }
}

}