/* Start:/bitrix/templates/empty/components/bitrix/news/blog/bitrix/news.list/grid/style.css?17931730843904*/
/* Список блога — 28.10.2026. Цвета — как в hm.css: ink #16324a, mute #5d6f80, line #e3ebf1, blue #0255a5, sky #098bcc */
.bl-sub { margin: -28px 0 28px; font-size: 18px; line-height: 1.5; color: #5d6f80; text-wrap: balance; }
.bl-bar { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 40px; }
.bl-chips { display: flex; gap: 10px; flex-wrap: wrap; }
a.bl-chip { padding: 10px 18px; border-radius: 999px; border: 1px solid #e3ebf1; background: #fff; color: #16324a; font-weight: 700; font-size: 15px; line-height: 1.2; text-decoration: none; }
a.bl-chip span { color: #5d6f80; font-weight: 600; }
a.bl-chip:hover { border-color: #0255a5; color: #0255a5; text-decoration: none; }
a.bl-chip.is-on { background: #16324a; border-color: #16324a; color: #fff; font-weight: 800; }
a.bl-chip.is-on span { color: #c9d6e2; }
.bl-search { display: flex; align-items: center; border: 1px solid #e3ebf1; border-radius: 24px; background: #fff; margin: 0; }
.bl-search:focus-within { border-color: #0255a5; }
.bl-search-input { border: 0; outline: 0; background: transparent; font: inherit; font-size: 15px; color: #16324a; width: 0; padding: 0; transition: width .2s, padding .2s; }
.bl-search:focus-within .bl-search-input, .bl-search-input:not(:placeholder-shown) { width: 200px; padding: 0 4px 0 18px; }
.bl-search-btn { width: 46px; height: 46px; border: 0; border-radius: 23px; background: transparent; color: #16324a; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; flex: none; }

.bl-label { display: block; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #098bcc; }
a.bl-feat { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 36px; align-items: center; color: #16324a; text-decoration: none; margin-bottom: 56px; }
.bl-feat-img { width: 100%; height: auto; aspect-ratio: 1200 / 630; object-fit: cover; border-radius: 18px; display: block; }
.bl-feat-text { display: flex; flex-direction: column; gap: 14px; }
.bl-feat-title { margin: 0; font-size: 32px; line-height: 1.2; font-weight: 700; color: #16324a; }
.bl-feat-desc { font-size: 17px; line-height: 1.55; color: #5d6f80; }
.bl-read { font-weight: 800; color: #0255a5; }
.bl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px 28px; }
a.bl-card { display: flex; flex-direction: column; gap: 12px; color: #16324a; text-decoration: none; }
.bl-card-img { width: 100%; height: auto; aspect-ratio: 1200 / 630; object-fit: cover; border-radius: 14px; display: block; }
.bl-card-title { margin: 0; font-size: 20px; line-height: 1.3; font-weight: 600; color: #16324a; }
.bl-feat-img, .bl-card-img { background: #fff; border: 1px solid #e3ebf1; box-sizing: border-box; }
.bl-feat-img.is-fit, .bl-card-img.is-fit { object-fit: scale-down; padding: 12px; }
a.bl-feat:hover .bl-feat-title, a.bl-card:hover .bl-card-title { color: #0255a5; }
a.bl-feat:hover, a.bl-card:hover { text-decoration: none; }
.bl-more { display: flex; justify-content: center; margin: 56px 0 24px; }
a.bl-more-btn { font-weight: 800; font-size: 16px; padding: 14px 28px; border-radius: 999px; border: 1px solid #16324a; color: #16324a; text-decoration: none; }
a.bl-more-btn:hover { background: #16324a; color: #fff; text-decoration: none; }
a.bl-more-btn.is-busy { opacity: .5; pointer-events: none; }

@media (max-width: 991px) {
	.bl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	a.bl-feat { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.bl-feat-title { font-size: 26px; }
}
@media (max-width: 575px) {
	.bl-sub { font-size: 16px; }
	.bl-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.bl-search { order: -1; width: 100%; }
	.bl-search-input, .bl-search:focus-within .bl-search-input { width: 100%; padding: 0 4px 0 18px; }
}

/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/bootstrap_v4/style.css?1751456019302*/
.page-link,
.page-link:hover {
	color: var(--theme-color-primary);
}

.page-item.active .page-link {
	color: var(--theme-b-tx-primary);
	background-color: var(--theme-color-primary);
	border-color: var(--theme-color-primary);
}

.page-link:focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}
/* End */
/* /bitrix/templates/empty/components/bitrix/news/blog/bitrix/news.list/grid/style.css?17931730843904 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/bootstrap_v4/style.css?1751456019302 */