@charset "UTF-8";
/* Карточки новостей: список («Новости») и блок «Читайте также». Подключается inc/mod-news.php. */

/* Горизонтальные отступы страниц новостей: 48 → 24 (base) → 16 */
@media (max-width: 720px) {
	.deya-page--news { padding-left: 16px; padding-right: 16px; }
}

.deya-news__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 48px 32px; }

.deya-news-card { margin: 0; min-width: 0; }
.deya-news-card__link { display: flex; flex-direction: column; gap: 16px; height: 100%; color: var(--ink); }
.deya-news-card__link:hover { color: var(--teal); }
.deya-news-card__img { position: relative; height: 220px; border-radius: 28px; overflow: hidden; background: var(--gray); }
.deya-news-card__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.deya-news-card__body { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.deya-news-card__date { font-size: 14px; color: var(--muted); }
.deya-news-card__title { margin: 0; font-family: var(--serif); font-weight: 500; font-size: 22px; line-height: 1.28; text-wrap: pretty; overflow-wrap: break-word; }
.deya-news-card__text { margin: 0; font-size: 15px; line-height: 1.6; color: #2B424A; }

/* Крупная карточка (первая на первой странице списка) */
.deya-news-card--hero .deya-news-card__link { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; align-items: center; height: auto; }
.deya-news-card--hero .deya-news-card__link:hover { color: var(--ink); }
.deya-news-card--hero .deya-news-card__img { height: 380px; border-radius: 32px; }
.deya-news-card--hero .deya-news-card__body { gap: 18px; }
.deya-news-card--hero .deya-news-card__title { font-size: clamp(28px, 3.2vw, 44px); line-height: 1.15; text-wrap: balance; }
.deya-news-card--hero .deya-news-card__text { font-size: 17px; line-height: 1.65; }
.deya-news-card--hero .deya-news-card__more { align-self: flex-start; margin-top: 6px; }
.deya-news-card--hero .deya-pill { padding: 14px 24px; font-size: 15px; }
.deya-news-card--hero .deya-circ { width: 48px; height: 48px; }

@media (max-width: 900px) {
	.deya-news-card--hero .deya-news-card__link { grid-template-columns: 1fr; gap: 28px; }
	.deya-news-card--hero .deya-news-card__img { height: auto; aspect-ratio: 16 / 9; }
	.deya-news__grid { gap: 40px 24px; }
}
@media (max-width: 720px) {
	.deya-news-card--hero .deya-news-card__img { aspect-ratio: 3 / 2; border-radius: 28px; }
}
@media (max-width: 420px) {
	.deya-news-card__img { border-radius: 24px; }
	.deya-news-card--hero .deya-news-card__img { border-radius: 24px; }
}