/* Страница «Документы». Всё тяжёлое (.rowlist, .doc-*) уже есть в site.css —
   здесь только ритм групп и мелочи, которых у общего списка строк нет. */

/* Сброс site.css обнуляет margin у h1/p — вертикальный ритм макета задаём здесь:
   20px после хлебных крошек, 16px между заголовком и лидом. */
.doc-page__title { margin-top: 20px; }
.doc-page__lead { margin-top: 16px; }

/* Мера строки списка — 900px, как в макете. Без margin:0 auto: внешний контейнер
   обычный (1240px), поэтому левый край списка совпадает с крошками и логотипом. */
.doc-groups { max-width: 900px; }

/* Заголовков рубрик больше нет, поэтому отступ сверху задаёт сам список:
   раньше эту роль играла линейка group-head. */
.doclist { margin-top: clamp(24px, 4vw, 32px); }

/* Подложка при наведении должна заходить за текст, иначе она выглядит обрезанной.
   Отрицательные поля компенсируют внутренние — ширина списка не меняется. */
.doclist .rowlist__item {
  padding-left: 12px; padding-right: 12px;
  margin-left: -12px; margin-right: -12px;
  border-radius: var(--r-ctl);
  transition: background-color .15s ease;
}

/* Название переносится, а не растягивает строку: длинные имена файлов бывают. */
.doclist .doc-body { min-width: 0; flex: 1 1 260px; }

/* Документ без даты и размера: пустую строку меты не показываем. */
.doclist .doc-meta:empty { display: none; }

/* Подчёркивание «Скачать ↓» — второй, не цветовой признак наведения и фокуса. */
.doclist .rowlist__item:hover .doc-action,
.doclist .rowlist__item:focus-visible .doc-action { text-decoration: underline; }

@media (prefers-reduced-motion: reduce) {
  .doclist .rowlist__item { transition: none; }
}

@media (max-width: 560px) {
  /* На телефоне «Скачать» уходит под название, чтобы не сжимать заголовок. */
  .doclist .doc-action { margin-left: 56px; }
}