/* ==========================================================================
   Materials List Module
   Локальные стили страницы списка материалов.
   ========================================================================== */

.material-action a {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #164075;
}

/* Табличный список материалов в desktop-режиме */
.materials-table {
  border-top: 1px solid #cfd9e8;
}

.material-row {
  display: grid;
  grid-template-columns: 120px 160px 1fr 120px;
  gap: 20px;
  padding: 18px 0;
  border-bottom: 1px solid #cfd9e8;
  align-items: center;
}

.material-type {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #777;
}

.material-title {
  font-weight: 600;
}

.material-date {
  font-size: 13px;
  color: #667c98;
}

/* На мобильных каждая строка превращается в вертикальный блок */
@media (max-width: 767.98px) {
  .material-action a,
  .material-type {
    letter-spacing: 0.08em;
  }

  .material-row {
    display: block;
    padding: 16px 0;
  }

  .material-date,
  .material-title,
  .material-action {
    margin-top: 8px;
  }
}