

/* Start:/local/templates/main_new/components/bitrix/news/experts_main/bitrix/news.list/.default/style.css?17942242971871*/
div.news-list {
	word-wrap: break-word;
}

/* Как course-experts__grid, но без слайдера:
   ≥1024 — 4, 768–1023 — 3, 480–767 — 2, <480 — 1 по центру. */
.experts-list-grid__items {
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
	gap: 20px;
}

@media (min-width: 480px) {
	.experts-list-grid__items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		justify-items: stretch;
		align-items: stretch;
	}
}

@media (min-width: 768px) {
	.experts-list-grid__items {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.experts-list-grid__items {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.experts-list-grid__item {
	min-width: 0;
	width: 100%;
	display: flex;
	justify-content: center;
}

.experts-list-grid__item .team-card,
.experts-list-grid__item .team-card__link {
	height: 100%;
}

@media (min-width: 480px) {
	.experts-list-grid__item .team-card {
		width: 100%;
	}
}

/* H1 титульной «Экспертов». В сборке вёрстки (assets/css/main.css) блока для
   этой страницы нет, поэтому повторяем значения заголовков остальных титульных:
   .courses-page__title (Курсы) и .events-page__title (Новости) — размеры
   32 / 40 / 46px, те же цвет, начертание и интерлиньяж. Нижний отступ взят
   у .events-page__grid: там заголовок отбит от сетки на 32 / 40px. */
.experts-page__title {
	margin: 0 0 32px;
	color: var(--black);
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2;
}

@media (min-width: 767px) {
	.experts-page__title {
		margin-bottom: 40px;
		font-size: 40px;
	}
}

@media (min-width: 1280px) {
	.experts-page__title {
		font-size: 46px;
	}
}

/* End */
/* /local/templates/main_new/components/bitrix/news/experts_main/bitrix/news.list/.default/style.css?17942242971871 */
