/* Страница документа: раскладка маркированного списка и отступы разделов
   поверх деталей дизайн-системы (карточка, раздел, текст карточки). Цвета и
   размеры только из tokens.css, светлая и тёмная темы переключаются самими
   токенами. Новой детали дизайн-системы здесь нет: это раскладка, как в
   site-footer.css. */

.doc-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  padding: 0 0 0 var(--space-5);
  list-style: none;
}

.doc-list > li {
  position: relative;
}

.doc-list > li::before {
  content: '';
  position: absolute;
  top: 0.6em;
  left: calc(-1 * var(--space-4));
  width: 6px;
  height: 6px;
  border-radius: var(--radius-full);
  background: var(--ink-muted);
}

/* Заголовок раздела отделён от предыдущего абзаца сильнее, чем абзацы друг от
   друга; текст документа читается без разрывов по ширине содержимого */
.card-stack > .ui-section__title {
  margin-top: var(--space-3);
}

.card-stack > .ui-table-wrap {
  margin: var(--space-2) 0;
}