/* ==========================================================================
   Главная — новости (site/layouts/180-news.php). Только var(--es-*). Строкой, как лента на mlh.by: фото, дата, заголовок — без карточек.
   ========================================================================== */
body.main-page .home-news__grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px}
body.main-page .home-news__card {display: flex; flex-direction: column; min-width: 0}
body.main-page .home-news__media {display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--es-surface-alt)}
body.main-page .home-news__media picture,
body.main-page .home-news__media img {display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease}
body.main-page .home-news__card:hover .home-news__media img {transform: scale(1.04)}
body.main-page .home-news__media-empty {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--es-muted); font-size: 40px}
body.main-page .home-news__body {display: flex; flex-direction: column; align-items: flex-start; padding-top: 18px}
body.main-page .home-news__date {margin-bottom: 8px; color: var(--es-muted); font-size: 13px; font-weight: 600}
body.main-page .home-news__title {margin: 0; color: var(--es-heading); font-size: 18px; font-weight: 700; line-height: 1.4}
body.main-page .home-news__title a {color: inherit; transition: color .2s}
body.main-page .home-news__title a:hover {color: var(--es-accent-text)}
body.main-page .home-news__text, body.main-page .home-news__more {display: none}

@media (max-width: 992px) {
    body.main-page .home-news__grid {grid-template-columns: repeat(2, minmax(0, 1fr))}
    body.main-page .home-news__card:nth-child(3) {display: none}
}
@media (max-width: 600px) {
    body.main-page .home-news__grid {grid-template-columns: 1fr; gap: 24px}
    body.main-page .home-news__card:nth-child(3) {display: flex}
}