/* Блог ЗП1: на планшете и телефоне обложка статьи не должна быть шире экрана (30.10.2026).
   Раньше сетка hero оставалась «1fr 400px» на любой ширине. Только страницы блога (.zp-blog). */
@media (max-width: 960px) {
  body:has(.zp-blog) .zp-blog .article-hero .container {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
  }
  body:has(.zp-blog) .zp-blog .article-hero .container > * { min-width: 0; max-width: 100%; }
  body:has(.zp-blog) .zp-blog .article-hero .article-cover {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
  }
  body:has(.zp-blog) .zp-blog .article-hero .article-cover img,
  body:has(.zp-blog) .zp-blog .article-hero .article-cover svg {
    width: 100%; max-width: 100%; height: 100%; object-fit: cover; display: block;
  }
}