/* Start:/bitrix/templates/main/components/bitrix/news/blog/bitrix/news.detail/.default/style.css?178941102129172*/
/* CogaSystem: shared detail styles for blog and knowledge base.
 * Canonical source: news/baza-znanij/bitrix/news.detail/.default/style.css
 * Keep the blog copy byte-identical. Stage 9.
 */
.coga-article-page {
	padding: 76px 0 56px;
	border-bottom: 1px solid #e8e8e8;
	background: #fff;
}

.coga-article-page > .container > .row {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.coga-article,
.coga-article *,
.coga-article-sidebar,
.coga-article-sidebar * {
	box-sizing: border-box;
}

.coga-article-main { min-width: 0; }

.coga-article__header {
	margin: 0 0 32px;
	padding: 0 0 24px;
	border-bottom: 1px solid #e9edf2;
}

.coga-article__title {
	margin: 0 !important;
	color: #222 !important;
	font-size: 42px !important;
	font-weight: 700;
	line-height: 1.16;
	letter-spacing: -0.02em;
	overflow-wrap: anywhere;
}

.coga-article__content {
 --coga-ink: #252b33;
 --coga-muted: #596575;
 --coga-line: #dfe4ea;
 --coga-soft: #f5f7fa;
 --coga-blue: #2357c6;
 --coga-warm: #fff7f4;
 --coga-accent: #b73e28;
 min-width: 0;
 display: flow-root;
	color: #3d4652;
	font-size: 17px;
	line-height: 1.72;
	overflow-wrap: anywhere;
	text-align: left !important;
}

.coga-article__title,
.coga-article__content h2,
.coga-article__content h3,
.coga-article__content h4,
.coga-article__content p,
.coga-article__content ul,
.coga-article__content ol,
.coga-article__content li,
.coga-article__content blockquote,
.coga-article__content table,
.coga-article__content th,
.coga-article__content td,
.coga-article__content figcaption,
.coga-article__content .alert,
.coga-article__content .card,
.coga-article__content .card-body {
	text-align: left !important;
}

.coga-article__content .text-center {
	text-align: center !important;
}

.coga-article__content > :first-child {
	margin-top: 0 !important;
}

.coga-article__content > :last-child {
	margin-bottom: 0 !important;
}

.coga-article__content h2,
.coga-article__content h3,
.coga-article__content h4 {
	color: #222;
	font-weight: 700;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.coga-article__content h2 {
	margin: 44px 0 18px;
	font-size: 30px;
}

.coga-article__content h3 {
	margin: 34px 0 14px;
	font-size: 24px;
}

.coga-article__content h4 {
 margin: 28px 0 12px;
 font-size: 20px;
}
.coga-article__content h5,
.coga-article__content h6 {
 margin: 24px 0 12px;
 color: #252b33;
 font-size: 18px;
 font-weight: 700;
 line-height: 1.4;
 text-align: left;
}

.coga-article__content p,
.coga-article__content ul,
.coga-article__content ol,
.coga-article__content table,
.coga-article__content blockquote,
.coga-article__content pre,
.coga-article__content .alert,
.coga-article__content .card {
	margin-top: 0;
	margin-bottom: 22px;
}

.coga-article__content ul,
.coga-article__content ol {
 padding-left: 26px;
}
.coga-article__content ul { list-style-type: disc; }
.coga-article__content ol { list-style-type: decimal; }
.coga-article__content li::marker { color: #b73e28; }
.coga-article__content .lead { color: #252b33; font-size: 22px; line-height: 1.55; }
.coga-article__content .text-muted { color: #596575; }
.coga-article__content small { font-size: 14px; line-height: 1.6; }

.coga-article__content li {
	margin-bottom: 8px;
}

.coga-article__content li:last-child {
	margin-bottom: 0;
}

.coga-article__content a {
	color: #2357c6;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.coga-article__content a:hover,
.coga-article__content a:focus {
	color: #173d91;
}

.coga-article__content img,
.coga-article__content video,
.coga-article__content iframe {
	max-width: 100%;
}

.coga-article__content img {
	height: auto;
	margin: 10px auto 26px;
	border-radius: 10px;
}

.coga-article__content figure {
	max-width: 100%;
	margin: 28px 0;
}

.coga-article__content figure img {
	margin-bottom: 10px;
}

.coga-article__content figcaption {
	color: #747d89;
	font-size: 14px;
	line-height: 1.5;
}

.coga-article__content blockquote {
	padding: 18px 22px;
	border: 0;
	border-left: 4px solid #ed5e3a;
	border-radius: 0 8px 8px 0;
	background: #f8f9fb;
	color: #3d4652;
	font-size: 17px;
}

.coga-article__content blockquote > :last-child {
	margin-bottom: 0;
}

.coga-article__content .table-responsive {
	margin-bottom: 24px;
	border: 0;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.coga-article__content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.5;
}

.coga-article__content th,
.coga-article__content td,
.coga-article__content .table > thead > tr > th,
.coga-article__content .table > tbody > tr > th,
.coga-article__content .table > tbody > tr > td,
.coga-article__content .table > tfoot > tr > td {
	padding: 12px 14px;
	border: 1px solid #dfe4ea;
	text-align: left;
	vertical-align: top;
}

.coga-article__content th {
	background: #f3f5f8;
	color: #252b33;
	font-weight: 700;
}

/* Inline-примеры лучше размечать span.coga-code-inline: старый
   плагин сайта может обрабатывать теги code до применения CSS. */
.coga-article__content code {
 display: inline;
 position: static;
 height: auto;
 max-height: none;
 overflow: visible;
	padding: 2px 5px;
	border-radius: 4px;
	background: #f1f3f6;
	color: #b23b24;
	font-size: .9em;
	white-space: normal;
}

.coga-article__content pre {
	max-width: 100%;
	padding: 18px;
	overflow: auto;
	border: 1px solid #dfe4ea;
	border-radius: 8px;
	background: #f7f8fa;
	-webkit-overflow-scrolling: touch;
}

.coga-article__content pre code {
 display: block;
	padding: 0;
	background: transparent;
	color: inherit;
	white-space: pre;
}

.coga-article__content hr {
	margin: 36px 0;
	border: 0;
	border-top: 1px solid #e3e7ec;
}

.coga-article__content .alert {
 padding: 18px 20px;
 border: 1px solid #dfe4ea;
 border-radius: 10px;
 color: #3d4652;
}
.coga-article__content .alert-primary,
.coga-article__content .alert-info { background: #f1f5fc; border-color: #d4dff2; }
.coga-article__content .alert-success { background: #f2f9f4; border-color: #c9e1d1; }
.coga-article__content .alert-warning { background: #fff8e9; border-color: #e8d7ae; }
.coga-article__content .alert-danger { background: #fff3f2; border-color: #eccdca; }

.coga-article__content .card {
	border: 1px solid #e1e5ea;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 5px 20px rgba(30, 42, 60, .06);
}

.coga-article__content .card-body {
 padding: 22px;
}
.coga-article__content .card-body > :last-child,
.coga-article__content .alert > :last-child { margin-bottom: 0; }

.coga-article__content .card-title {
	margin-top: 0;
}

/* Sidebar banner */
.coga-article-sidebar {
	position: relative;
}

.coga-sidebar-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 104px;
	z-index: 2;
}

.coga-sidebar-sticky--fixed {
	position: fixed !important;
	top: 104px !important;
	z-index: 20;
}

.coga-sidebar-sticky--bottom {
	position: absolute !important;
	top: auto !important;
	right: 15px;
	bottom: 0;
	left: 15px !important;
	width: auto !important;
}

.coga-start-card {
	position: relative;
	overflow: hidden;
	padding: 26px 24px 24px;
	border: 1px solid #dfdfdf;
	border-radius: 14px;
	background: radial-gradient(circle at 105% -5%, #fbe7e0 0, #fbe7e0 80px, transparent 81px), linear-gradient(145deg, #fff 0%, #fff7f4 100%);
	box-shadow: 0 12px 34px rgba(32, 39, 49, .1);
	color: #303640;
}


.coga-start-card__eyebrow {
	position: relative;
	margin-bottom: 10px;
	color: #d94a32;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.coga-start-card__title {
	position: relative;
	margin: 0 0 15px;
	color: #252a31;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.2;
}

.coga-start-card__price {
	margin: 0 0 12px;
	color: #e74c3c;
	font-size: 36px;
	font-weight: 700;
	line-height: 1;
}

.coga-start-card__price small {
	color: #6f7782;
	font-size: 13px;
	font-weight: 400;
}

.coga-start-card__text {
	margin: 0 0 16px;
	color: #555e69;
	font-size: 15px;
	line-height: 1.55;
}

.coga-start-card__features {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	list-style: disc;
}

.coga-start-card__features li {
	position: relative;
	margin-bottom: 8px;
	padding-left: 0;
	color: #424a54;
	font-size: 14px;
	line-height: 1.4;
}

.coga-start-card__features li::marker { color: #b73e28; }

.coga-start-card__button.btn {
	display: block;
	width: 100%;
	margin: 0 0 13px;
	padding: 12px 14px;
	border: 1px solid #e74c3c;
	border-radius: 7px;
	background: #e74c3c;
	box-shadow: none;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	text-transform: none;
}

.coga-start-card__button.btn:hover,
.coga-start-card__button.btn:focus {
	border-color: #cf3f2f;
	background: #cf3f2f;
	color: #fff;
}

.coga-start-card__link {
	display: block;
	color: #555e69;
	font-size: 13px;
	text-align: center;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.coga-start-card__link:hover,
.coga-start-card__link:focus {
	color: #d94a32;
}

@media (max-width: 991px) {
	.coga-article-page {
		padding: 48px 0 44px;
	}

	.coga-article-page > .container > .row {
		display: block;
	}

	.coga-article-sidebar {
		margin-top: 38px;
	}

	.coga-sidebar-sticky,
	.coga-sidebar-sticky--fixed,
	.coga-sidebar-sticky--bottom {
		position: static !important;
		width: auto !important;
	}

	.coga-start-card {
		max-width: 620px;
	}
}

@media (max-width: 767px) {
	.coga-article-page {
		padding: 38px 0 36px;
	}

	.coga-article__header {
		margin-bottom: 24px;
		padding-bottom: 18px;
	}

	.coga-article__title {
		font-size: 31px !important;
		line-height: 1.2;
	}

	.coga-article__content {
		font-size: 16px;
		line-height: 1.65;
	}

	.coga-article__content h2 {
		margin-top: 34px;
		font-size: 25px;
	}

	.coga-article__content h3 {
		margin-top: 28px;
		font-size: 21px;
	}

	.coga-article__content table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.coga-start-card {
		padding: 23px 20px 21px;
	}
}

@media print {
	.coga-article-sidebar {
		display: none !important;
	}

	.coga-article-main {
		width: 100% !important;
	}

	.coga-article-page {
		padding: 0;
		border: 0;
	}

	.coga-article__content a {
		color: inherit;
		text-decoration: none;
	}
}

/* Compatibility with the standard Bitrix detail markup */
.news-detail {
	word-wrap: break-word;
}

.news-detail img.detail_picture {
	max-width: 100%;
	height: auto;
}

.coga-article-page .news-date-time,
.news-detail .news-date-time {
	color: #486daa;
}

/* ======================================================================
   CogaSystem: компоненты базы знаний, версия 2.0 / 2026-09-11
   Выше находятся базовые правила страницы и баннера. Новые компоненты работают только внутри
   .coga-article__content. Bootstrap и основные CSS сайта остаются подключены.
   Не подключайте этот файл повторно из текста статьи: его загружает Битрикс.

   КАРТА КОМПОНЕНТОВ (HTML помещается в «Детальный текст»):

   Вступление:
   <div class="coga-intro"><p class="coga-eyebrow">Практика</p>
     <p class="lead">Короткое обещание статьи</p><p>Пояснение</p></div>

   Содержание:
   <nav class="coga-toc" aria-label="Содержание статьи">
     <p class="coga-block-title">В этой статье</p>
     <ol><li><a href="#example">Пример</a></li></ol></nav>
   <h2 id="example">Пример</h2>

   Адаптивная сетка (2 колонки; --three: 3; --four: 4):
   <div class="coga-grid coga-grid--two coga-grid--fill-last">
     <div class="coga-box"><p class="coga-block-title">Заголовок</p>
       <p>Текст</p></div><div class="coga-box">...</div></div>
   --fill-last растягивает последний непарный блок ТОЛЬКО в сетке --two.
   .coga-span-all растягивает любой элемент на всю строку.
   .coga-grid--top отключает растягивание блоков по высоте.

   Сравнение: .coga-box.coga-box--avoid / .coga-box.coga-box--prefer.
   Подписывайте их «Неудачно» / «Лучше»: цвет не заменяет смысл.

   Шаги:
   <ol class="coga-steps"><li><p class="coga-block-title">Подготовьте</p>
     <p>Пояснение</p></li><li>...</li></ol>

   Чек-лист (статический список проверок, не интерактивная форма):
   <ul class="coga-checklist coga-checklist--two"><li>Проверьте ссылки</li>
     <li>Проверьте отписку</li></ul>

   Пример + разбор:
   <div class="coga-example"><div class="coga-mail">
     <div class="coga-mail__header"><p><strong>Тема:</strong> Пример</p></div>
     <div class="coga-mail__body"><p>Текст письма</p></div>
     <div class="coga-mail__footer">Служебная часть</div></div>
     <aside class="coga-example__notes" aria-label="Разбор примера">
       <p class="coga-block-title">Почему это работает</p><p>Разбор</p>
     </aside></div>

   Скриншот:
   <figure class="coga-figure coga-figure--medium">
     <a class="coga-image-link" href="ПОЛНЫЙ_ФАЙЛ" target="_blank"
       rel="noopener" aria-label="Открыть скриншот в новой вкладке">
       <img src="ФАЙЛ" alt="Описание" width="854" height="400" loading="lazy">
     </a><figcaption>Нажмите, чтобы открыть полный размер.</figcaption></figure>
   --small: до 400px; --medium: до 680px; без модификатора: до 760px.
   --full: вся доступная ширина статьи. Не задавайте фиксированную высоту.
   Это обычная ссылка на изображение. CSS не создаёт lightbox.

   Медиа слева / текст справа:
   <div class="coga-media"><figure class="coga-figure">...</figure>
     <div><p class="coga-block-title">Пояснение</p><p>Текст</p></div></div>

   Примечание: .coga-note + --info / --success / --warning / --danger.
   Метка: <span class="coga-tag">Пример</span> (только короткий текст).
   Итог: <div class="coga-next"><p class="coga-block-title">Следующий шаг</p>
     <p>Пояснение и согласованная ссылка</p></div>
   Кнопка-ссылка при необходимости: <a class="coga-button" href="URL">Действие</a>

   Раскрывающееся пояснение без JS:
   <details class="coga-details"><summary>Вопрос</summary>
     <div class="coga-details__body"><p>Ответ</p></div></details>

   Дополнительно:
   .coga-table — таблица внутри .table-responsive;
   .coga-compact — компактные абзацы внутри выбранного блока;
   .coga-code-inline — код в <span>, если плагин сайта перехватывает <code>.
   Не нужны inline-стили, mb-4, h-100 или дополнительный JavaScript.
   ====================================================================== */


.coga-article__content [id] { scroll-margin-top: 120px; }
.coga-article__content a:focus-visible,
.coga-article__content button:focus-visible,
.coga-article__content summary:focus-visible {
 outline: 3px solid #2357c6;
 outline-offset: 4px;
}

/* Заголовки компонентов не получают большие отступы H2/H3 статьи. */
.coga-article__content .coga-block-title {
 margin: 0 0 12px;
 font-size: 21px;
 line-height: 1.35;
 font-weight: 700;
 color: var(--coga-ink);
}
.coga-article__content .coga-eyebrow {
 margin: 0 0 12px;
 font-size: 12px;
 line-height: 1.5;
 font-weight: 700;
 letter-spacing: .08em;
 text-transform: uppercase;
 color: var(--coga-accent);
}
.coga-article__content .coga-intro,
.coga-article__content .coga-next {
 padding: 28px;
 margin: 0 0 28px;
 border: 1px solid #eadbd5;
 border-radius: 14px;
 background: var(--coga-warm);
}
.coga-article__content .coga-intro .lead {
 font-size: 25px;
 line-height: 1.45;
 color: var(--coga-ink);
 margin-bottom: 16px;
}
.coga-article__content .coga-next { margin-top: 32px; }

/* Сетка: одна колонка по умолчанию, без фиксированной высоты. */
.coga-article__content .coga-grid {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: 18px;
 list-style: none;
 margin: 0 0 28px;
 padding: 0;
}
.coga-article__content .coga-grid > * { min-width: 0; margin: 0; }
.coga-article__content .coga-grid > .card { margin: 0; }
.coga-article__content .coga-grid--top { align-items: start; }
.coga-article__content .coga-span-all { grid-column: 1 / -1; }
.coga-article__content .coga-box {
 min-width: 0;
 padding: 22px;
 border: 1px solid var(--coga-line);
 border-radius: 10px;
 background: #fff;
}
.coga-article__content .coga-box--avoid {
 border-top: 4px solid #bc443b;
 background: #fff8f7;
}
.coga-article__content .coga-box--prefer {
 border-top: 4px solid #28734c;
 background: #f5faf7;
}

/* Содержание остаётся обычными доступными якорными ссылками. */
.coga-article__content .coga-toc {
 padding: 22px;
 margin: 0 0 28px;
 border: 1px solid var(--coga-line);
 border-radius: 10px;
 background: var(--coga-soft);
}
.coga-article__content .coga-toc ol { margin: 0; padding-left: 24px; }
.coga-article__content .coga-toc li { margin: 0 0 8px; }
.coga-article__content .coga-toc li:last-child { margin-bottom: 0; }
.coga-article__content .coga-toc a { display: inline-block; padding: 3px 0; }

/* Шаги: нативная нумерация OL. Изображения помещайте ВНУТРИ LI.
   Поддерживаются start/value; нумерация не зависит от CSS-счётчика. */
.coga-article__content .coga-steps {
 list-style: decimal outside;
 margin: 0 0 28px;
 padding: 0 0 0 34px;
}
.coga-article__content .coga-steps > li {
 display: list-item;
 margin: 0 0 12px;
 padding: 18px 20px;
 border: 1px solid var(--coga-line);
 border-radius: 12px;
 background: #fafbfc;
}
.coga-article__content .coga-steps > li::marker {
 color: var(--coga-accent);
 font-size: 18px;
 font-weight: 700;
}
.coga-article__content .coga-steps > li:last-child { margin-bottom: 0; }
.coga-article__content .coga-steps .coga-block-title { font-size: 19px; margin-bottom: 8px; }

/* Статический список проверок: нативный квадратный маркер, без формы. */
.coga-article__content .coga-checklist {
 list-style: square outside;
 padding: 0 0 0 22px;
 margin: 0 0 28px;
}
.coga-article__content .coga-checklist > li {
 display: list-item;
 min-width: 0;
 padding: 14px 8px 14px 4px;
 margin: 0;
 border-top: 1px solid var(--coga-line);
}
.coga-article__content .coga-checklist > li::marker { color: #64748b; }

/* Пример письма и разбор. Ничего не обрезается по высоте. */
.coga-article__content .coga-example {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: 24px;
 align-items: start;
 margin: 0 0 28px;
}
.coga-article__content .coga-example > * { min-width: 0; }
.coga-article__content .coga-mail {
 border: 1px solid var(--coga-line);
 border-radius: 12px;
 background: #fff;
 overflow-wrap: anywhere;
}
.coga-article__content .coga-mail__header {
 padding: 20px;
 border-bottom: 1px solid var(--coga-line);
 border-radius: 11px 11px 0 0;
 background: var(--coga-soft);
 font-size: 14px;
 line-height: 1.6;
}
.coga-article__content .coga-mail__body { padding: 22px; }
.coga-article__content .coga-mail__footer {
 padding: 18px 22px;
 border-top: 1px solid var(--coga-line);
 color: var(--coga-muted);
 font-size: 14px;
 line-height: 1.6;
}
.coga-article__content .coga-example__notes {
 padding: 20px;
 border-left: 3px solid var(--coga-blue);
 background: #f5f8fd;
}

/* Изображения: полное изображение с естественными пропорциями. */
.coga-article__content figure.coga-figure {
 width: 100%;
 max-width: 760px;
 margin: 24px auto;
}
.coga-article__content figure.coga-figure--medium { max-width: 680px; }
.coga-article__content figure.coga-figure--small { max-width: 400px; }
.coga-article__content figure.coga-figure--full { max-width: none; }
.coga-article__content figure.coga-figure--full img { width: 100%; }
.coga-article__content .coga-figure img {
 display: block;
 width: auto;
 max-width: 100%;
 height: auto;
 float: none;
 margin: 0 auto 10px;
}
.coga-article__content .coga-figure figcaption { margin: 0; }
.coga-article__content .coga-image-link { display: block; cursor: zoom-in; }
.coga-article__content .coga-media {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: 24px;
 align-items: start;
 margin: 0 0 28px;
}
.coga-article__content .coga-media > * { min-width: 0; }
.coga-article__content .coga-media > .coga-figure { margin: 0 auto; }

/* Примечания: всегда сопровождайте цвет текстовой подписью. */
.coga-article__content .coga-note {
 padding: 18px 20px;
 margin: 0 0 24px;
 border: 1px solid var(--coga-line);
 border-left: 4px solid #7b8797;
 border-radius: 8px;
 background: var(--coga-soft);
}
.coga-article__content .coga-note--info { background: #f1f5fc; border-left-color: #2357c6; }
.coga-article__content .coga-note--success { background: #f2f9f4; border-left-color: #28734c; }
.coga-article__content .coga-note--warning { background: #fff8e9; border-left-color: #976300; }
.coga-article__content .coga-note--danger { background: #fff3f2; border-left-color: #bc443b; }
.coga-article__content .coga-tag {
 display: inline-block;
 max-width: 100%;
 padding: 3px 9px;
 border: 1px solid var(--coga-line);
 border-radius: 20px;
 background: var(--coga-soft);
 color: var(--coga-muted);
 font-size: 12px;
 line-height: 1.5;
 white-space: normal;
}
.coga-article__content a.coga-button {
 display: inline-block;
 max-width: 100%;
 padding: 12px 20px;
 border: 1px solid #b73e28;
 border-radius: 7px;
 background: #b73e28;
 color: #fff;
 font-size: 16px;
 font-weight: 700;
 line-height: 1.5;
 white-space: normal;
 text-align: center !important;
 text-decoration: none;
}
.coga-article__content a.coga-button:hover,
.coga-article__content a.coga-button:focus { background: #96311f; color: #fff; }

/* Нативное раскрытие: работает без Bootstrap Collapse / JavaScript. */
.coga-article__content .coga-details {
 border: 1px solid var(--coga-line);
 border-radius: 10px;
 background: #fff;
 margin: 0 0 14px;
}
.coga-article__content .coga-details > summary {
 display: list-item;
 list-style: disclosure-closed inside;
 padding: 18px 20px;
 color: var(--coga-ink);
 font-weight: 700;
 cursor: pointer;
}
.coga-article__content .coga-details[open] > summary {
 list-style-type: disclosure-open;
 border-bottom: 1px solid var(--coga-line);
}
.coga-article__content .coga-details__body { padding: 20px; }

/* Локальные компактные интервалы — не меняют все существующие карточки. */
.coga-article__content .coga-compact p,
.coga-article__content .coga-box p,
.coga-article__content .coga-mail__header p { margin-bottom: 12px; }
.coga-article__content .coga-box > :last-child,
.coga-article__content .coga-intro > :last-child,
.coga-article__content .coga-next > :last-child,
.coga-article__content .coga-note > :last-child,
.coga-article__content .coga-compact > :last-child,
.coga-article__content .coga-steps > li > :last-child,
.coga-article__content .coga-mail__header > :last-child,
.coga-article__content .coga-mail__body > :last-child,
.coga-article__content .coga-mail__footer > :last-child,
.coga-article__content .coga-example__notes > :last-child,
.coga-article__content .coga-details__body > :last-child { margin-bottom: 0; }
.coga-article__content .coga-code-inline {
 display: inline;
 padding: 2px 5px;
 border-radius: 4px;
 background: #f1f3f6;
 color: #923220;
 font-family: Consolas, Monaco, monospace;
 font-size: .9em;
 overflow-wrap: anywhere;
}
.coga-article__content table.coga-table { margin-bottom: 0; }
.coga-article__content .coga-table caption {
 color: var(--coga-muted);
 padding: 0 0 10px;
 text-align: left;
}

@media (min-width: 768px) {
 .coga-article__content .coga-grid--two,
 .coga-article__content .coga-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .coga-article__content .coga-grid--three { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
 .coga-article__content .coga-grid--two.coga-grid--fill-last > :last-child:nth-child(odd) {
  grid-column: 1 / -1;
 }
 .coga-article__content .coga-checklist--two {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 36px;
 }
 .coga-article__content .coga-example { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
 .coga-article__content .coga-media { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
}
@media (min-width: 1200px) {
 .coga-article__content .coga-grid--four { grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); }
}
@media (max-width: 767px) {
 .coga-article__content .coga-intro,
 .coga-article__content .coga-next { padding: 20px; }
 .coga-article__content .coga-intro .lead { font-size: 22px; }
 .coga-article__content .coga-box,
 .coga-article__content .coga-toc,
 .coga-article__content .coga-mail__body,
 .coga-article__content .coga-details__body { padding: 18px; }
 .coga-article__content .coga-block-title { font-size: 20px; }
 .coga-article__content .coga-steps { padding-left: 26px; }
 .coga-article__content .coga-steps > li { padding: 16px; }
 .coga-article__content .coga-button { width: 100%; }
 .coga-article__content table.coga-table { display: table; }
}
@media print {
 .coga-article__content .coga-grid,
 .coga-article__content .coga-example,
 .coga-article__content .coga-media,
 .coga-article__content .coga-checklist--two { display: block; }
 .coga-article__content .coga-grid > * { margin-bottom: 14px; }
 .coga-article__content .coga-box,
 .coga-article__content .coga-note { break-inside: avoid; }
 .coga-article__content .coga-button { background: #fff; color: #222 !important; border-color: #222; }
}

/* Контакты и связанные материалы: вся информация видна без раскрытия. */
.coga-article__content .coga-provider { display: flex; flex-direction: column; }
.coga-article__content .coga-provider__requirements {
 margin-top: auto;
 padding-top: 14px;
 border-top: 1px solid var(--coga-line);
 color: var(--coga-muted);
 font-size: 15px;
 line-height: 1.6;
}
.coga-article__content .coga-related {
 margin: 32px 0 0;
 padding: 24px;
 border: 1px solid var(--coga-line);
 border-radius: 12px;
 background: var(--coga-soft);
}
.coga-article__content .coga-related ul { list-style: none; padding: 0; margin: 0; }
.coga-article__content .coga-related li { padding: 12px 0; margin: 0; border-top: 1px solid var(--coga-line); }
.coga-article__content .coga-related li:last-child { padding-bottom: 0; }
.coga-article__content .coga-related a { display: inline-block; }
.coga-article__content .coga-mail__body { user-select: text; }
.coga-article__content > .coga-mail { margin-bottom: 28px; }
.coga-article__content .coga-mail__body > p + p { margin-top: 0; }
.coga-article__content .coga-figure img:only-child { margin-bottom: 0; }
.coga-article__content .coga-figure > a:only-child img { margin-bottom: 0; }
.coga-article__content .coga-steps > li > figure { margin-top: 18px; }
.coga-article__content .coga-note strong { color: var(--coga-ink); }
.coga-article__content .coga-checklist--two > :last-child:nth-child(odd) { grid-column: 1 / -1; }
.coga-article__content .coga-caption { color: var(--coga-muted); font-size: 14px; line-height: 1.6; }
.coga-article__content .table-responsive > .table > thead > tr > th,
.coga-article__content .table-responsive > .table > tbody > tr > th,
.coga-article__content .table-responsive > .table > tbody > tr > td,
.coga-article__content .table-responsive > .table > tfoot > tr > td { white-space: normal; }
@media (max-width: 767px) {
 .coga-article__content .coga-related { padding: 18px; }
 .coga-article__content .coga-mail__header,
 .coga-article__content .coga-mail__footer,
 .coga-article__content .coga-note { padding: 16px 18px; }
 .coga-article__content .coga-intro .lead { font-size: 21px; }
 .coga-article__content .coga-provider__requirements { margin-top: 0; }
}
@media print {
 .coga-article__content .coga-mail { border-color: #777; }
 .coga-article__content .coga-steps > li,
 .coga-article__content .coga-related { break-inside: avoid; }
}

/* End */
/* /bitrix/templates/main/components/bitrix/news/blog/bitrix/news.detail/.default/style.css?178941102129172 */