/* adcm-plus / engagement */


/* ---- Читают на этой неделе: вертикальные карточки в 2–4 колонки ---- */
.adcx-trending { margin: 3rem auto; }
.adcx-trending__list, .adcx-history__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--adcm-space-5) var(--adcm-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 760px) { .adcx-trending__list, .adcx-history__list { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .adcx-trending__list, .adcx-history__list { grid-template-columns: repeat(4, 1fr); gap: 22px var(--adcm-space-5); } }

.adcx-trending__item { position: relative; display: flex; flex-direction: column; gap: var(--adcm-space-3); min-width: 0; }
.adcx-trending__thumb { order: -1; display: block; aspect-ratio: 16 / 10; border-radius: var(--adcm-r-md); overflow: hidden; background: var(--greyBg); }
.adcx-trending__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.adcx-trending__num {
  position: absolute; top: 10px; left: 10px; z-index: 1;
  min-width: 2.2ch; padding: 3px 8px; border-radius: var(--adcm-r-sm);
  background: rgba(0, 0, 0, .62); color: #fff;
  font-size: var(--t-meta, .78rem); line-height: 1.2; font-weight: var(--bold, 600); font-variant-numeric: tabular-nums; text-align: center;
}
.adcx-trending__body { display: flex; flex-direction: column; gap: var(--adcm-space-1); min-width: 0; }
.adcx-trending__cat {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: var(--t-label, .65rem); font-weight: var(--bold, 600); letter-spacing: .06em; text-transform: uppercase;
  color: var(--adcmMuted, var(--greyColor));
}
.adcx-trending__link, .adcx-history__link span {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere;
  font-size: var(--t-card, .95rem); font-weight: var(--medium, 500); line-height: 1.3; color: inherit; text-decoration: none;
}
.adcx-trending__link:hover, .adcx-history__link:hover span { color: var(--hoverColor); text-decoration: none; }

/* ---- Вы читали: те же карточки ---- */
.adcx-history { margin: 2.4rem auto; }
.adcx-history[hidden] { display: none; }
.adcx-history__item { min-width: 0; }
.adcx-history__link { display: flex; flex-direction: column; gap: var(--adcm-space-3); color: inherit; text-decoration: none; }
.adcx-history__link:hover { text-decoration: none; }
.adcx-history__link img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--adcm-r-md); background: var(--greyBg); }