/* Compact cards and safe title patch.
   Назначение: убрать огромные фоновые подложки и сделать карточки/заголовки компактнее.
   Это patch-слой, не новый дизайн сайта. */

.editorial-board {
  padding: clamp(.75rem, 1.4vw, 1.05rem) !important;
}

.board-grid {
  gap: 10px !important;
}

.story-card,
.story-card.featured {
  min-height: 136px !important;
  height: auto !important;
  aspect-ratio: auto !important;
  background:
    linear-gradient(135deg, rgba(16,18,22,.96), rgba(7,8,10,.98)) !important;
}

.story-card-content {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  padding: 13px 15px !important;
  background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.34)) !important;
  min-height: 100% !important;
}

.story-card h3 {
  font-size: clamp(1rem, 1.25vw, 1.24rem) !important;
  line-height: 1.16 !important;
}

.story-card p {
  margin-top: .35rem !important;
  line-height: 1.42 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.story-card .cat,
.story-card .publication-meta {
  margin-bottom: .35rem !important;
}

/* Каталог: убираем пустые фоновые миниатюры как пожирателей пространства. */
.publication-item {
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 0 !important;
}

.publication-thumb {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
}

.publication-body {
  padding: 13px 16px !important;
}

/* Заголовки статей: меньше воздуха и без огромной cover-плашки. */
.article-hero {
  padding: clamp(1rem, 2vw, 1.7rem) 0 .75rem !important;
}

.article-hero h1 {
  font-size: clamp(1.75rem, 2.8vw, 3.15rem) !important;
  line-height: 1.08 !important;
}

.article-hero .lead,
.lead {
  line-height: 1.5 !important;
}

.article-cover {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

/* Уменьшаем общий вертикальный расход внутри секций. */
.section {
  padding: clamp(1.25rem, 2.5vw, 2rem) 0 !important;
}

.section-head {
  margin-bottom: .85rem !important;
}

/* Клик должен жить внутри карточки, а не перекрывать соседние блоки. */
.story-card {
  isolation: isolate !important;
}

.story-card > a[style*="position:absolute"] {
  inset: 0 !important;
  z-index: 2 !important;
}

@media (max-width: 720px) {
  .story-card,
  .story-card.featured {
    min-height: auto !important;
  }

  .story-card-content {
    padding: 12px 13px !important;
  }

  .publication-body {
    padding: 12px 13px !important;
  }

  .article-hero {
    padding-top: 1rem !important;
  }
}