/* ============================================
   Лента спецпроектов (/specproekty/ и рубрики)
   Figma: np4WLZ85xmZ0kr9vMRdDjL, узел 7940:9942 «Спецпроекты разводная»
   Каркас, плашка, грид и пагинация — из feed.css (макет тот же, что у ленты
   статей). Здесь только то, чего в ленте статей нет: второй бейдж карточки
   и блоки «Рубрики» / «Архивы» под пагинацией.
   ============================================ */

/* ---------- Карточка: два бейджа на фото (макет 7940:10060) ----------
   В ленте статей бейдж один и позиционируется сам; здесь их два в ряд,
   поэтому координаты переезжают на общую обёртку. */

.feed-card__badges {
  display: flex;
  gap: 16px;
  left: 16px;
  position: absolute;
  top: 16px;
  z-index: 2; /* выше ссылки-накладки на фото — бейджи ведут в свои рубрики */
}

.feed-card__badges .feed-card__badge {
  position: static;
}

/* ---------- Заголовок блока под лентой (макет 7941:10578) ----------
   Линия только сверху и 16px — в отличие от плашки раздела (.feed-plate),
   у которой линии с двух сторон и кегль 23. */

.sp-block__header {
  border-top: 2px solid rgba(64, 23, 6, 0.3);
  color: var(--c-terracotta-dark);
  font-family: var(--font-mono);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin: 0;
  padding-top: 24px;
  text-transform: uppercase;
}

/* Зазор до блоков задаёт .feed-main (gap 40) — собственный отступ «Читайте
   также» из статьи здесь лишний. */
.feed--sp .article-related {
  margin-top: 0;
}

/* ---------- Реклама левой колонки ----------
   По обновлённой карте баннеров (7976:2497) высоких мест 603/864 больше нет —
   оба сайдбара берут общий квадрат 442×442 (aspect-ratio в article-body.css).
   Контекстный min-height квадрату противопоказан: при жёсткой высоте
   aspect-ratio вычисляет ШИРИНУ из высоты, и блок выезжает за экран. */

/* ---------- Рубрики: плитки-бейджи (макет 7941:10610) ---------- */

.sp-rubrics__list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 32px;
}

.sp-rubrics__item {
  background: var(--c-terracotta-dark);
  color: var(--c-cream);
  font-family: var(--font-mono);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding: 8px 16px;
  text-transform: uppercase;
  transition: background 0.2s ease;
}

.sp-rubrics__item:hover,
.sp-rubrics__item[aria-current="page"] {
  background: var(--c-dark-brown);
  color: var(--c-cream);
}

/* ---------- Архивы: годовые ссылки списком (макет 7941:10617) ---------- */

.sp-archives__list {
  margin-top: 40px;
}

.sp-archives__item {
  border-bottom: 1px solid rgba(64, 23, 6, 0.2);
  display: block;
  font-family: var(--font-serif-text);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: normal;
  margin-top: 32px;
  padding-bottom: 32px;
  transition: color 0.2s ease;
}

.sp-archives__item:first-child {
  margin-top: 0;
}

.sp-archives__item:hover {
  color: var(--c-terracotta-dark);
}

/* ---------- Адаптив ---------- */

@media (max-width: 768px) {
  .feed-card__badges {
    gap: 12px;
  }

  .sp-rubrics__list {
    gap: 16px;
    margin-top: 24px;
  }

  .sp-archives__list {
    margin-top: 32px;
  }

  .sp-archives__item {
    margin-top: 24px;
    padding-bottom: 24px;
  }
}