/* Start:/local/templates/.default/components/bitrix/news.list/news/style.css?17872467555702*/
/* Карточки новостей (/news/): единый стиль и одна высота.
   Всё скоуплено под .news-grid — класс .novel общий с каталогом, главной,
   блогом и страницей авторов, глобальные правила трогать нельзя. */

/* --- одна высота ---------------------------------------------------------
   .cell делаем флекс-контейнером, карточку — колонкой во всю его высоту.
   Строка грида и так тянет ячейки по самой высокой (align-items:stretch),
   не хватало только того, чтобы карточка эту высоту забирала. */
.news-grid {
	align-items: stretch;
}

.news-grid > .cell {
	display: flex;
}

.news-grid .novel {
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* Тело тянется, подвал («время чтения» + «Подробнее») прижат к низу.
   У части новостей свойство TIME_READ не заполнено — без прижатия
   подвал у таких карточек уезжал вверх. */
.news-grid .novel__main {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.news-grid .novel__body {
	flex: 1 1 auto;
}

/* Подвал карточки («N мин чтения» + «Подробнее») убран из шаблона 20.08.2026,
   поэтому прежние правила для .dis_flex здесь больше не нужны — они удалены вместе
   с разметкой. Низ карточки теперь держит padding-bottom самого .novel__main (18px).
   Тело по-прежнему тянется на всю высоту (.novel__body ниже), так что карточки
   в ряду остаются одной высоты. */

/* --- картинка ------------------------------------------------------------
   Битрикс не ресайзит исходники, которые меньше запрошенных 622×456
   (CFile::ResizeImageGet), и отдаёт оригинал как есть. На 07.08.2026 таких
   2 новости из 5: 240×240 и 460×230 — они и ломали высоту сильнее всего.
   Пропорцию задаём в CSS, чтобы не зависеть от того, отресайзил Битрикс или нет.
   Ресайз в result_modifier специально не трогаем: /upload/resize_cache общий
   с боевым сайтом, перегенерация утекла бы на прод. */
.news-grid .novel__img {
	flex: 0 0 auto;
	aspect-ratio: 622 / 456;
	overflow: hidden;
	background: #eef2f6;
}

.news-grid .novel__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Старым браузерам без aspect-ratio — тот же кадр через padding-hack. */
@supports not (aspect-ratio: 1 / 1) {
	.news-grid .novel__img {
		position: relative;
		height: 0;
		padding-bottom: 73.31%; /* 456 / 622 */
	}
	.news-grid .novel__img img {
		position: absolute;
		top: 0;
		left: 0;
	}
}

/* --- единый стиль текста -------------------------------------------------
   PREVIEW_TEXT у новостей набран произвольной вёрсткой: где-то <h2>,
   где-то <h3>, где-то <span> и <br>. Из-за этого анонсы шли разным кеглем.
   Гасим внутреннюю разметку до общего вида, разрывы строк оставляем.
   padding:0 здесь снимает и штатный padding-bottom:1.8333rem у .novel__text —
   это намеренно, зазор до подвала задан выше на .dis_flex. */
.news-grid .novel__text,
.news-grid .novel__text * {
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.4;
	color: inherit;
	margin: 0;
	padding: 0;
}

.news-grid .novel__text h1,
.news-grid .novel__text h2,
.news-grid .novel__text h3,
.news-grid .novel__text h4,
.news-grid .novel__text p {
	display: block;
}

.news-grid .novel__text > *:not(:last-child) {
	margin-bottom: .35rem;
}

/* --- заголовок ------------------------------------------------------------
   20.08.2026: показываем название целиком. Раньше оно обрезалось двумя строками
   с многоточием, и при четырёх карточках в ряду в две строки перестали помещаться
   четыре названия из шести («Ярмарка - Ярославское книжное обострение» просила четыре).
   Обрезку сняли, кегль уменьшили с 2rem (24px) до 1.5rem (18px) — на 1920 и 1300 px
   названия укладываются целиком в одну-три строки. Разная длина ряд не ломает:
   высоту карточек в ряду держит флекс.
   Заголовок на детальной странице новости не трогаем — правило живёт внутри
   .news-grid, а этого класса на детальной нет. */
.news-grid .novel__title {
	font-size: 1.5rem;
	/* 20.08.2026: зазор до анонса вдвое меньше — тема даёт 2rem (24px), берём 1rem (12px),
	   столько же, сколько между датой и заголовком. */
	margin-bottom: 1rem;
}

/* End */
/* /local/templates/.default/components/bitrix/news.list/news/style.css?17872467555702 */