/* ============================================================
   vk-feed.css — лента постов из ВКонтакте на странице «Статьи».
   Подключается только на /articles/. Опирается на токены сайта.
   ============================================================ */
.vk-feed { margin-block-start: var(--sp-3); }
.vk-feed__grid { display: grid; gap: var(--sp-2); grid-template-columns: 1fr; }
@media (min-width: 600px) { .vk-feed__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px) { .vk-feed__grid { grid-template-columns: repeat(3, 1fr); } }

.vk-post { display: flex; flex-direction: column; gap: var(--sp-1); }
.vk-post__img {
  width: 100%; aspect-ratio: 16 / 10; object-fit: cover;
  border-radius: var(--radius-sm); margin-block-end: var(--sp-1);
}
/* Фирменная заглушка с Маем — вместо чёрного/пустого превью */
.vk-post__img--ph {
  display: flex; align-items: center; justify-content: center;
  background:
    radial-gradient(circle at 50% 42%, var(--color-surface-2), var(--color-surface));
  border: 1px solid var(--color-border);
}
.vk-post__img--ph img {
  width: 42%; max-width: 96px; height: auto; opacity: 0.92;
  filter: drop-shadow(0 6px 14px rgba(47, 42, 32, 0.12));
}
.vk-post__date {
  font-family: var(--font-body); font-weight: 700; font-size: var(--fs-small);
  color: var(--color-accent-ink);
}
.vk-post__text {
  font-size: var(--fs-small); color: var(--color-ink); margin: 0;
  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
.vk-post__link {
  font-family: var(--font-body); font-weight: 700; font-size: var(--fs-small);
  margin-block-start: auto;
}