/* Start:/local/templates/prof_2026/components/bitrix/news/help/style.css?1788344182985*/
.help--tags{margin-bottom: 30px}
.help--tags h3 {margin-bottom: 10px}

.help--tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
}
.help--tags-list h4 {margin-bottom: 0;color:var(--gray)}
.help--tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 6px 14px;
    border-radius: 20px;
    border: 1px solid #e0e0e0;

    font-family: system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    text-decoration: none;

    transition: all 0.2s ease-in-out;
    background-color: #f5f5f5;
}

.help--tag.active {
    background-color: var(--main);
    border-color: var(--main);
    color: #ffffff;
}

.help--tag:hover {
    background-color: var(--main);
    border-color: var(--main);
    color: #ffffff;
    cursor: pointer;
}

.help--tag.is-active {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
}
/* End */


/* Start:/local/templates/prof_2026/components/bitrix/system.pagenavigation/catalog/style.css?17883441821677*/
.pagination--box {display: flex;flex-direction: column;gap:16px;--r-size:52px}
.load--more-box {text-align: center}
.load--more-box .more--load {padding: 16px;font-weight: 500;font-size: 16px;transition: .4s;cursor:pointer;display: inline-flex;margin: 0 auto;margin-top: 20px;width: auto;min-width: 250px;}
.load--more-box .more--load:hover {border: 1px solid var(--main);}

.page--prev svg, .page--first svg {transform: rotate(180deg)}

.page--item {user-select: none;width: var(--r-size);height: var(--r-size);display: flex;align-items: center;justify-content: center;border-radius: 4px;border:1px solid var(--border);transition: .4s;box-shadow: 0 4px 8px 0 #0000000F;color:var(--text)}
.page--item:hover {box-shadow: 0 7px 10px 0 #0000001C;border-color:var(--main);color:var(--main)}
.page--current {color:var(--main)}
.page--nav {display: flex;gap:4px;align-items: center;justify-content: center;margin-top:20px;}
.page--nav svg{transition: .4s}

.page--next, .page--last, .page--prev, .page--first {box-shadow: 0 4px 8px 0 #0000000F;width: var(--r-size);height: var(--r-size);display: flex;align-items: center;justify-content: center;transition: .4s}
.page--next:hover, .page--last:hover, .page--prev:hover, .page--first:hover {box-shadow: 0 7px 10px 0 #0000001C}
.page--next:hover svg, .page--last:hover svg, .page--prev:hover svg, .page--first:hover svg {fill:var(--main)}

@media all and (max-width: 768px) {
    .page--nav .page--item:nth-child(5),
    .page--nav .page--item:nth-child(6) {display: none}
}

@media all and (max-width: 500px) {
    .page--nav .page--last,
    .page--nav .page--first {display: none}

    .pagination--box {--r-size:44px}
}













/* End */


/* Start:/local/templates/prof_2026/components/bitrix/news/help/bitrix/news.list/.default/style.css?17885292322765*/
/* Контейнер списка */
.news-list {
	display: flex;
	flex-wrap: wrap; /* Разрешаем перенос карточек на новую строку */
	margin: -6px; /* Компенсируем внешние отступы внутренних элементов */
	font-family: system-ui, -apple-system, sans-serif;
}

/* Карточка новости (4 колонки) */
.news-item {
	display: flex;
	flex-direction: column;
	/* Расчет ширины: 25% минус отступы между колонками */
	width: calc(25% - 12px);
	margin: 6px; /* Отступы между карточками */
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box; /* Важно, чтобы border и padding не ломали ширину */
	transition: transform 0.4s, box-shadow 0.4s;
}

.news-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.news-item__date {margin-bottom: 10px}
.news-item__date, .news-item__read-time {
	display: inline-flex;
	align-items: center;
	gap: 6px; /* Отступ между иконкой и текстом даты */
	font-weight: 500;
	font-size: 12px;
	color: #4a5568; /* Сделали дату чуть темнее и читаемее */
	white-space: nowrap;
}

.news-item__date span {
	color:var(--gray);
}

.news-item__image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
}

.news-item__content {
	padding: 16px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.news-item__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	font-size: 13px;
	color: var(--gray);
	margin-bottom: 12px;
}

.news-item__themes {
	display: flex;
	gap: 6px;
}

.news-item__theme-tag {
	background: #f5f5f5;
	color: #2d3748;
	padding: 2px 8px;
	border-radius: 4px;
	font-weight: 500;
	transition: .4s;
}
.news-item__theme-tag:hover{
	background-color: var(--main);
	color:#fff;
}
.news-item__title {
	margin: 0 0 8px 0;
	font-size: 18px;
	line-height: 1.4;
	color:var(--text);
	color: #1a202c;
	text-decoration: none;
	transition: .4s;
}

.news-item__title:hover {
	color: var(--main);
}

.news-item__preview {
	font-size: 14px;
	line-height: 1.5;
	color: #4a5568;
}

/* ==========================================================================
   Адаптивность (Media Queries)
   ========================================================================== */

/* Планшеты: 2 колонки в ряд */
@media (max-width: 1024px) {
	.news-item {
		width: calc(50% - 24px);
	}
}

/* Мобильные устройства: 1 колонка в ряд */
@media (max-width: 640px) {
	.news-item {
		width: calc(100% - 24px);
	}
}
/* End */
/* /local/templates/prof_2026/components/bitrix/news/help/style.css?1788344182985 */
/* /local/templates/prof_2026/components/bitrix/system.pagenavigation/catalog/style.css?17883441821677 */
/* /local/templates/prof_2026/components/bitrix/news/help/bitrix/news.list/.default/style.css?17885292322765 */