/* ==========================================================================
   Страницы-списки документов по годам: «Закупки» (procurement.html),
   «Корпоративная информация» (corporate.html). Подключается после style.css.
   На живом сайте у этих классов стилей нет — вёрстка в общем стиле сайта.
   ========================================================================== */

.documents { padding-bottom: 96px; }

.documents__year { max-width: 880px; margin-top: 40px; }

.documents__year-title {
  margin: 0 0 32px;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 2.375rem;
}

.documents__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Документ: иконка скачивания слева, название и дата справа */
.documents__item {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  margin-bottom: 40px;
}
.documents__item:last-child { margin-bottom: 0; }

.documents__icon { flex-shrink: 0; width: 80px; height: 80px; fill: var(--c-text); }

.documents__body { padding-top: 4px; }

.documents__link {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.documents__format { font-weight: 400; opacity: .6; }

.documents__date { display: inline-block; margin-top: 12px; }

@media (max-width: 767px) {
  .documents { padding-bottom: 56px; }
  .documents__year { margin-top: 24px; }
  .documents__year-title { margin-bottom: 20px; font-size: 1.375rem; line-height: 1.875rem; }
  .documents__item { gap: 16px; margin-bottom: 24px; }
  .documents__icon { width: 40px; height: 40px; }
  .documents__body { padding-top: 0; }
  .documents__link { font-size: .875rem; line-height: 1.375rem; }
  .documents__date { margin-top: 8px; font-size: .75rem; line-height: 1.0625rem; }
}

/* Список без дат и без заголовков по годам (например, «Перечень инсайдерской информации») */
.documents__list--plain { margin-top: 40px; }
.documents__list--plain .documents__body { padding-top: 12px; }
@media (max-width: 767px) {
  .documents__list--plain { margin-top: 24px; }
  .documents__list--plain .documents__body { padding-top: 0; }
}