/* Start:/bitrix/templates/vsp_black/components/bitrix/news/enterprises/bitrix/news.detail/.default/style.css?178511023611110*/
/* ==========================================================================
   Блоки предприятия — общая база
   Токены, шапка блока, аккордеон, документ, содержимое визуального редактора.
   Специфика каждого блока — в style.css его шаблона.
   ========================================================================== */

:root {
	/* Палитра снята с боевого сайта и утверждённого макета. */
	--vsp-bg:          #030105;
	--vsp-surface:     #000C02;
	--vsp-line:        #112615;
	--vsp-line-strong: #B9B9B9;
	--vsp-accent:      #B3DB18;
	--vsp-brand:       var(--brand-color, #95C400);
	--vsp-text:        #FFFFFF;
	--vsp-text-dim:    rgba(255, 255, 255, .55);

	--vsp-radius:     8px;
	--vsp-radius-sm:  4px;
	--vsp-transition: .3s;
	--vsp-hover:      rgba(179, 219, 24, .2);

	--vsp-font-display: 'Navigo', 'TT Norms Pro', system-ui, sans-serif;
	--vsp-font-text:    'TT Norms Pro', system-ui, sans-serif;

	/* Размеры фиксированные, а не текучие: на сайте h2 равен 32px и при 1280,
       и при 1920 — типографика там не масштабируется. Текучая шкала увела бы
       заголовок блока к 46px, пока соседний «Документы» остаётся 32px.
       Значения сняты с боевых стилей: h2, .text-doc, .year-item. */
	--vsp-fs-title: 2rem;    /* = h2 сайта              */
	--vsp-fs-note:  1.3rem;  /* = .text-doc сайта       */
	--vsp-fs-body:  1.3rem;  /* = основной текст сайта  */
	--vsp-fs-panel: 1.1rem;  /* = .year-item сайта      */
	--vsp-fs-doc:   1.1rem;
	--vsp-fs-meta:  .9rem;

	--vsp-space-2xs: 4px;
	--vsp-space-xs:  8px;
	--vsp-space-sm:  12px;
	--vsp-space-md:  16px;
	--vsp-space-lg:  24px;
	--vsp-space-xl:  32px;

	/* Даёт строку аккордеона высотой ~72px — как в макете при контенте 1680. */
	--vsp-row-pad:   1.5rem;
	--vsp-block-gap: 3rem;
	--vsp-indent:    1.5rem;
}

/* --------------------------------------------------------------------------
   Блок
   -------------------------------------------------------------------------- */

.vsp-block {
	margin-block: var(--vsp-block-gap);
	font-family: var(--vsp-font-text);
	color: var(--vsp-text);
}

.vsp-block:last-child {
	margin-block-end: 0;
}

.vsp-block__head {
	display: flex;
	flex-direction: column;
	gap: var(--vsp-space-sm);
	margin-block-end: var(--vsp-space-lg);
}

.vsp-block__title {
	margin: 0;
	font-family: var(--vsp-font-display);
	font-size: var(--vsp-fs-title);
	font-weight: 700;
	line-height: 1.15;
	color: var(--vsp-text);
	text-wrap: balance;
}

.vsp-block__note {
	margin: 0;
	font-size: var(--vsp-fs-note);
	line-height: 1.45;
	color: var(--vsp-brand);
}

/* --------------------------------------------------------------------------
   Аккордеон
   Механика раскрытия — на Bootstrap collapse. Здесь только оформление.
   -------------------------------------------------------------------------- */

.vsp-acc {
	display: block;
}

.vsp-acc__item {
	border-top: 1px solid var(--vsp-line);
}

.vsp-acc > .vsp-acc__item:last-child {
	border-bottom: 1px solid var(--vsp-line);
}

.vsp-acc__head {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.vsp-acc__btn {
	display: flex;
	align-items: center;
	gap: var(--vsp-space-md);
	width: 100%;
	padding: var(--vsp-row-pad) 0;
	border: 0;
	background: none;
	font-family: inherit;
	font-size: inherit;
	color: var(--vsp-text);
	text-align: left;
	cursor: pointer;
	transition: color var(--vsp-transition);
}

.vsp-acc__label {
	flex: 1 1 auto;
	min-width: 0;
	font-size: var(--vsp-fs-panel);
	font-weight: 500;
	line-height: 1.35;
	transition: color var(--vsp-transition);
}

.vsp-acc__count {
	flex: 0 0 auto;
	font-size: var(--vsp-fs-meta);
	font-variant-numeric: tabular-nums;
	color: var(--vsp-text-dim);
	white-space: nowrap;
}

.vsp-acc__icon {
	flex: 0 0 auto;
	width: 1.25rem;
	height: 1.25rem;
	margin-inline-end: 28px;
	color: var(--vsp-brand);
	transition: transform var(--vsp-transition);
}

.vsp-acc__btn[aria-expanded="true"] .vsp-acc__icon {
	transform: rotate(180deg);
}

.vsp-acc__btn:hover .vsp-acc__label,
.vsp-acc__btn:focus-visible .vsp-acc__label {
	color: var(--vsp-accent);
}

.vsp-acc__btn:focus {
	outline: none;
}

.vsp-acc__btn:focus-visible {
	outline: 2px solid var(--vsp-brand);
	outline-offset: -2px;
}

.vsp-acc__inner {
	padding-block-end: var(--vsp-space-lg);
}

/* Вложенный уровень: одна линия слева вместо рамки в рамке. */
.vsp-acc--nested {
	border-left: 1px solid var(--vsp-line);
	padding-left: var(--vsp-indent);
}

.vsp-acc--nested > .vsp-acc__item:first-child {
	border-top: 0;
}

.vsp-acc--nested > .vsp-acc__item:last-child {
	border-bottom: 0;
}

.vsp-acc--nested .vsp-acc__label {
	font-size: 1rem;
}

/* --------------------------------------------------------------------------
   Документ
   -------------------------------------------------------------------------- */

.vsp-docs {
	display: grid;
	gap: var(--vsp-space-xs);
	margin: 0;
	padding: 0;
	list-style: none;
}

.vsp-docs + .vsp-acc {
	margin-block-start: var(--vsp-space-md);
}

.vsp-doc {
	display: flex;
	align-items: flex-start;
	gap: var(--vsp-space-md);
	padding: var(--vsp-space-md);
	border-radius: var(--vsp-radius);
	background: var(--vsp-surface);
	color: var(--vsp-accent);
	text-decoration: none;
	transition: background var(--vsp-transition);
}

.vsp-doc:hover,
.vsp-doc:focus-visible {
	background: var(--vsp-hover);
	color: var(--vsp-accent);
}

.vsp-doc:focus {
	outline: none;
}

.vsp-doc:focus-visible {
	outline: 2px solid var(--vsp-brand);
	outline-offset: 2px;
}

/* Метка формата вместо иконки: расширений может быть сколько угодно,
   набор иконок под них не завести. */
.vsp-doc__icon {
	flex: 0 0 auto;
	/* Вмещает и трёхсимвольные расширения, и четырёхсимвольные:
       иначе в смешанном списке названия документов разъезжаются. */
	min-width: 5em;
	padding: .35em .5em;
	border-radius: var(--vsp-radius-sm);
	background: var(--vsp-hover);
	font-size: .75rem;
	font-weight: 500;
	letter-spacing: .06em;
	line-height: 1.3;
	color: var(--vsp-brand);
	text-align: center;
}

.vsp-doc__main {
	flex: 1 1 auto;
	min-width: 0;
}

.vsp-doc__name {
	display: block;
	font-size: var(--vsp-fs-doc);
	line-height: 1.4;
	/* deslop-ignore-next-line 09 это ссылка, подчёркивание здесь по назначению */
	text-decoration: underline;
	text-underline-offset: .18em;
	text-decoration-thickness: from-font;
}

.vsp-doc__desc {
	display: block;
	margin-block-start: var(--vsp-space-2xs);
	font-size: var(--vsp-fs-meta);
	line-height: 1.5;
	color: var(--vsp-text-dim);
}

.vsp-doc__meta {
	display: block;
	margin-block-start: var(--vsp-space-2xs);
	font-size: var(--vsp-fs-meta);
	font-variant-numeric: tabular-nums;
	line-height: 1.4;
	color: var(--vsp-text-dim);
}

.vsp-doc__action {
	flex: 0 0 auto;
	align-self: center;
	width: 1.25rem;
	height: 1.25rem;
	color: var(--vsp-brand);
}

/* --------------------------------------------------------------------------
   Содержимое визуального редактора
   -------------------------------------------------------------------------- */

/* Светлый текст на тёмном читается легче с увеличенным интерлиньяжем. */
.vsp-rte {
	font-size: var(--bs-body-font-size);
	line-height: 1.7;
	color: var(--vsp-text);
}

.vsp-rte > * + * {
	margin-block-start: 1em;
}

/*

.vsp-rte p,
.vsp-rte ul,
.vsp-rte ol {
	max-width: 72ch;
}


 */

.vsp-rte a {
	color: var(--vsp-accent);
	/* deslop-ignore-next-line 09 */
	text-decoration: underline;
	text-underline-offset: .18em;
}

.vsp-rte a:hover {
	color: var(--vsp-brand);
}

.vsp-rte h3,
.vsp-rte h4,
.vsp-rte h5 {
	margin-block: 1.6em .6em;
	font-family: var(--vsp-font-display);
	font-weight: 700;
	line-height: 1.25;
}

.vsp-rte h3 { font-size: 1.35em; }
.vsp-rte h4 { font-size: 1.15em; }
.vsp-rte h5 { font-size: 1em; }

.vsp-rte ul,
.vsp-rte ol {
	padding-inline-start: 1.4em;
}

.vsp-rte li + li {
	margin-block-start: .4em;
}

.vsp-rte li::marker {
	color: var(--vsp-brand);
}

.vsp-rte table {
	width: 100%;
	border-collapse: collapse;
	font-size: .85em;
}

.vsp-rte th,
.vsp-rte td {
	padding: .7em .75em;
	border: 1px solid var(--vsp-line-strong);
	text-align: left;
	vertical-align: top;
}

.vsp-rte th,
.vsp-rte thead td,
.vsp-rte tr:first-child th {
	font-weight: 500;
	color: var(--vsp-brand);
}

.vsp-rte .table-responsive {
	max-width: 100%;
	overflow-x: auto;
}

.vsp-intro {
	margin-block-end: var(--vsp-space-lg);
}

/* --------------------------------------------------------------------------
   Узкий экран
   -------------------------------------------------------------------------- */

@media (max-width: 575.98px) {
	:root {
		/* Два уровня вложенности по 24px отбирали 48px из 360. */
		--vsp-indent: .75rem;
		--vsp-row-pad: 1.25rem;
	}

	/* Метка формата держала 51px фиксированной ширины — на телефоне
       это место нужнее названию документа. */
	.vsp-doc__icon {
		min-width: 0;
	}

	.vsp-doc {
		gap: var(--vsp-space-sm);
		padding: var(--vsp-space-sm);
	}

	.vsp-acc__icon {
		margin-inline-end: 0;
	}
}

/* --------------------------------------------------------------------------
   Печать и сниженная анимация
   -------------------------------------------------------------------------- */

@media print {
	.vsp-acc__panel {
		display: block !important;
		height: auto !important;
		visibility: visible !important;
	}

	.vsp-acc__icon,
	.vsp-doc__action {
		display: none;
	}

	.vsp-doc {
		background: none;
		border: 1px solid var(--vsp-line-strong);
	}
}

@media (prefers-reduced-motion: reduce) {
	.vsp-acc__panel,
	.vsp-acc__icon,
	.vsp-acc__btn,
	.vsp-acc__label,
	.vsp-doc {
		transition: none !important;
	}
}


.contact-card__detail  {
	padding: 30px;
	border-radius: 8px;
	min-height: 100px;
	background: #000C02;
}

.vsp-doc-section__title {
	font-family: 'Navigo', sans-serif;
	/*font-weight: 700;*/
	/*font-size: 28px;*/
	color: #fff;
}
.vsp-doc-section__subtitle {
	font-size: 24px;
	color: #999;
}
.vsp-doc-section__subtitle--accent {
	color: var(--brand-color);
	font-weight: 500;
	letter-spacing: 0.5px;
}

.vsp-doc-empty {
	font-size: 14px;
	color: #666;
	padding: 20px 0;
}

.vsp-block--policy .vsp-doc {
	align-items: center;
	min-height: 80px;
	padding-inline: var(--vsp-space-lg);
}


/* End */


/* Start:/bitrix/templates/vsp_black/components/bitrix/news.list/staff/style.css?1758889715774*/
.staff-img {
	width: 158px;
	height: 158px;
	object-fit: cover;
	border-radius: 0.25rem;
	margin-right: 1.5rem;
}

.staff-card {
	background-color: #000C02;
	border-radius: 0.5rem;
	padding: 2rem;
	position: relative;
	width: 100%;
	min-height: 180px;
	display: flex;
	align-items: flex-start;
}

.staff-card .staff-content {
	padding-top: 0.5rem;
	flex-grow: 1;
}

.staff-card .staff-content .staff-content__post {
	font-size: 1.1rem;
	color: #E5E7E6;
	font-weight: 400;
}

.staff-card .staff-content .staff-content__name {
	font-size: 1.4rem;
	font-weight: 500;
	color: #E5E7E6;
	line-height: 1.3;
	margin-bottom: 0;
}


@media (max-width: 768px) {
	.staff-img {
		margin-right: 0;
		margin-bottom: 1rem;
	}
	.staff-card {
		align-items: center;
		text-align: center;
	}
}
/* End */


/* Start:/bitrix/templates/vsp_black/components/bitrix/news.list/docs_list/style.css?1758889715150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?175888972251*/
font.errortext{color:red}font.notetext{color:green}
/* End */
/* /bitrix/templates/vsp_black/components/bitrix/news/enterprises/bitrix/news.detail/.default/style.css?178511023611110 */
/* /bitrix/templates/vsp_black/components/bitrix/news.list/staff/style.css?1758889715774 */
/* /bitrix/templates/vsp_black/components/bitrix/news.list/docs_list/style.css?1758889715150 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?175888972251 */