/* Главная: статьи (site/layouts/170-articles.php) — без рамок, фото и текст */
body.main-page .home-articles__grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px}
body.main-page .home-articles__item {display: flex; flex-direction: column; gap: 10px; color: var(--es-heading)}
body.main-page .home-articles__photo {display: block; aspect-ratio: 16 / 10; border-radius: var(--es-radius); overflow: hidden; background: var(--es-surface-alt)}
body.main-page .home-articles__photo picture, body.main-page .home-articles__photo img {display: block; width: 100%; height: 100%}
body.main-page .home-articles__photo img {object-fit: cover; transition: transform .5s ease}
body.main-page .home-articles__item:hover .home-articles__photo img {transform: scale(1.05)}
body.main-page .home-articles__name {margin-top: 6px; font-family: var(--es-font-head); font-size: 19px; font-weight: 700; line-height: 1.3}
body.main-page .home-articles__item:hover .home-articles__name {text-decoration: underline; text-decoration-color: var(--es-primary); text-decoration-thickness: 2px}
body.main-page .home-articles__text {color: var(--es-text); font-size: 15px; line-height: 1.55}
@media (max-width: 860px) {
    body.main-page .home-articles__grid {grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 78%; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -15px; padding: 0 15px 10px}
    body.main-page .home-articles__item {scroll-snap-align: start}
}