/* Start:/local/templates/checkoffice/components/bitrix/breadcrumb/checkoffice/style.css?1791461206599*/
.bx-breadcrumb {
	margin: .625rem 0;
}
.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: .75rem;
	vertical-align: middle;
	margin-right: .25rem;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: .625rem;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: .625rem;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}

/* End */


/* Start:/local/templates/checkoffice/components/bitrix/news/blog_materials/bitrix/news.detail/.default/style.css?1791461206714*/
.article-right .article-right__authorImg {
	margin-right: 1rem;
	margin-bottom: 0;
	width: 2.5rem;
	height: 2.5rem;
}

@media screen and (max-width: 767px) {
	.article-right .article-right__item--author:first-child {
		margin-top: 0;
	}
}

div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 .5rem .5rem 1px;
}
.news-date-time
{
	color:#486DAA;
}


.previous-page {
  color: #333;
  font-size: 1.125rem;
  text-decoration: none;
  padding-right: .625rem;
}

.next-page {
  color: #333;
  font-size: 1.125rem;
  text-decoration: none;
  padding-left: .625rem;
}
.pagination {
  text-align: center;
}
.pagination a {
  display: inline-block;
  margin: 0 .625rem;
}
/* End */


/* Start:/local/components/whitecursor/blog.anchors/templates/.default/style.css?1772796352905*/

.article-content__left {
    width: 185px;
    min-width: 185px;
    box-sizing: content-box;
}
.article-content__left-link {
	border-left: 1px solid;
	border-color: rgba(168, 173, 180, 0.30);
}
.article-content .article-content__left-link a {
	margin-bottom: 1rem;
	color: #2E3A59;
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;
	display: inline-block;
	padding-left: 1rem;
	margin-left: -1px;
	border-left: 1px solid transparent;
}
.article-content .article-content__left-link a:hover {
	border-left: 1px solid #2E3A59;
}

.article-content__left-link:last-child a {
	margin-bottom: 0;
}
.article-content__wrapper {
  display: flex;
	margin-left: -1rem;
	margin-right: -1rem;
}
.article-content__wrapper > div {
	padding-left: 1rem;
	padding-right: 1rem;
}
@media screen and (max-width: 768px) {
	.article-content__left {
		display: none;
	}
}
/* End */


/* Start:/local/quiz/assets/quiz.css?179033808635568*/
/**
 * Публичный квиз CheckOffice: поп-ап, шорткод и превью в админке.
 *
 * Все значения — из дампа Figma #51:783 (docs/figma/quiz/desktop/quiz-canvas-51-783.yaml)
 * и ТЗ 5.5. База — десктоп (карточка 680, padding 36), мобилка — в блоке @media (max-width: 767px)
 * (карточка 328, padding 24/20).
 *
 * Изоляция (раздел 10 плана): единственный корень .co-quiz, BEM-префикс co-quiz__,
 * переменные --coq-* объявлены на корне квиза, без приоритетов и глобальных селекторов.
 *
 * Селекторы пишутся как `.co-quiz .co-quiz__элемент` — на странице статьи и в админке
 * есть правила вида `.co-admin a` и `.контент img` с двумя простыми селекторами;
 * одиночного класса не хватает, чтобы их перебить, а повышать приоритет нельзя.
 *
 * Контракт разметки (рантайм и превью обязаны использовать эти теги, иначе часть правил
 * не применится): button — item, grid-item, back, next, submit, close, overlay;
 * input — input, other, consent-input; img — plate-icon, item-check, logo, gift-icon,
 * consent-mark; a — cta.
 */

/* ExtraBold 800 в шрифтах сайта не объявлен; файлы лежат в шаблоне, объявление —
   как в public/local/components/whitecursor/html.sitemap/templates/.default/style.css */
@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: url("/local/templates/checkoffice/fonts/Manrope-ExtraBold-Cyrillic.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: url("/local/templates/checkoffice/fonts/Manrope-ExtraBold-Latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.co-quiz {
    /* Цвета — ТЗ 5.5 и design-tokens.json */
    --coq-surface: #FFFFFF;
    --coq-border: #DDE3ED;
    --coq-text: #2E3A59;
    --coq-text-2: #7A828A;
    --coq-accent: #0081E6;
    --coq-accent-2: #19A0FF;
    --coq-accent-soft: #E9F3FD;
    --coq-accent-muted: #ACDAFC;
    --coq-field-bg: #F5F7FB;
    --coq-outline: rgba(46, 58, 89, .18);
    /* В макете состояния ошибки поля нет; цвет взят из дизайн-системы админки (--coa-danger) */
    --coq-danger: #D4322B;
    --coq-ring: rgba(0, 129, 230, .18);
    --coq-overlay: rgba(46, 58, 89, .55);

    /* Тень карточки — effect_6cbf71f0; на части экранов макета тот же цвет со смещением 8px */
    --coq-shadow: 0 6px 32px rgba(41, 49, 62, .08);

    /* Радиусы */
    --coq-r-card: 20px;
    --coq-r-item: 12px;
    --coq-r-note: 16px;
    --coq-r-icon: 10px;
    --coq-r-field: 10px;
    --coq-r-pill: 23px;
    --coq-r-cta: 10px;
    --coq-r-trial: 14px;
    --coq-r-stripe: 3px;

    /* Раскладка: десктоп */
    --coq-card-width: 680px;
    --coq-card-pad: 36px;
    --coq-gap: 15px;
    --coq-item-pad: 15px 18px 16px;
    --coq-note-pad: 17px 47px 16px 40px;
    --coq-note-title-gap: 4px;
    --coq-lh-note-title: 29px;

    /* Типографика: десктоп */
    --coq-fs-intro: 20px;
    --coq-lh-intro: 26.35px;
    --coq-fs-title: 20px;
    --coq-lh-title: 26.4px;
    --coq-ls-title: -.0124em;
    --coq-fs-subtitle: 15.04px;
    --coq-lh-subtitle: 20.54px;
    --coq-fs-plate: 14px;
    --coq-lh-plate: 19px;
    --coq-fs-item: 15.2px;
    /* Ячейки «Количество точек» и пункты сферы на мобилке не уменьшаются (style_99fbdf2f / style_a76932b1) */
    --coq-fs-grid-item: 15.2px;
    --coq-fs-sphere: 14.2px;
    --coq-fs-note-title: 20px;
    --coq-fs-note-text: 15px;
    --coq-lh-note-text: 21px;
    --coq-fs-body: 15.2px;
    --coq-fs-logos-title: 17.3px;
    --coq-fs-stat: 30.4px;
    --coq-fs-stat-label: 14.7px;
    --coq-fs-trial: 14.7px;
    --coq-fs-cta: 15.2px;
    --coq-fs-submit: 15.2px;
    --coq-fs-cta-note: 12.8px;
    --coq-fs-gift: 13.6px;
    --coq-fs-field-label: 13.6px;
    --coq-fs-field-note: 12.5px;
    --coq-fs-field: 15.2px;
    --coq-fs-consent: 13.1px;
    --coq-fs-other: 14.2px;

    font-family: "Manrope", "Helvetica Neue", Arial, sans-serif;
    color: var(--coq-text);
    -webkit-font-smoothing: antialiased;
}

.co-quiz,
.co-quiz * {
    box-sizing: border-box;
}

/* ============================================================
   Режимы показа: поп-ап, шорткод, превью админки

   Оверлея и крестика на холсте Figma нет (ТЗ 5.5) — затемнение, размеры крестика
   и z-index приняты по плану §9 как рабочее решение до подтверждения заказчиком.
   Состояния :hover, :focus-visible и отмеченный чекбокс в макете тоже не нарисованы:
   это доступность и отклик на действие (3A.1 п.6), значения взяты из палитры квиза.
   ============================================================ */

.co-quiz--popup {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    overflow: hidden;
    overscroll-behavior: contain;
}

/* Carrot quest рисует свою форму поверх квиза. Прячем её, пока окно квиза открыто.
   После закрытия класс с body снимается, и попап снова может показаться.
   Если квиз не открылся («один раз» уже был), класс не ставится. */
body.co-quiz-lock #popup-container {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.co-quiz button.co-quiz__overlay {
    position: fixed;
    inset: 0;
    background: var(--coq-overlay);
    border: 0;
    padding: 0;
    cursor: pointer;
}

.co-quiz--popup .co-quiz__card {
    position: relative;
    z-index: 1;
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    margin: auto;
    overflow: hidden;
}

/* Прокручивается только содержимое. Кнопки шага остаются под ним. */
.co-quiz--popup .co-quiz__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: var(--coq-border) transparent;
}

.co-quiz--popup .co-quiz__actions {
    flex: 0 0 auto;
}

.co-quiz button.co-quiz__close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--coq-surface);
    color: var(--coq-text-2);
    cursor: pointer;
    transition: background .16s ease, color .16s ease;
}

.co-quiz button.co-quiz__close:hover {
    background: var(--coq-accent-soft);
    color: var(--coq-accent);
}

.co-quiz .co-quiz__close-icon {
    display: block;
    width: 18px;
    height: 18px;
}

/* Ширину задаёт сам квиз, а не контейнер: во flex-сцене админки блочный корень
   без width схлопывается, и карточка перестаёт держать 680/328 */
.co-quiz--inline,
.co-quiz--preview {
    display: block;
    width: 100%;
}

.co-quiz--inline .co-quiz__card,
.co-quiz--preview .co-quiz__card {
    margin: 0 auto;
}

/* ============================================================
   Карточка и общие блоки шага
   ============================================================ */

.co-quiz .co-quiz__body {
    display: flex;
    flex-direction: column;
    gap: var(--coq-gap);
}

/* Иначе flex-колонка сжимает заголовок, и следующий ответ рисуется поверх букв */
.co-quiz .co-quiz__body > * {
    flex-shrink: 0;
}

.co-quiz .co-quiz__card {
    display: flex;
    flex-direction: column;
    gap: var(--coq-gap);
    width: 100%;
    height: auto;
    max-width: var(--coq-card-width);
    padding: var(--coq-card-pad);
    background: var(--coq-surface);
    border: 1px solid var(--coq-border);
    border-radius: var(--coq-r-card);
    box-shadow: var(--coq-shadow);
}

.co-quiz .co-quiz__intro {
    margin: 0;
    font-size: var(--coq-fs-intro);
    font-weight: 700;
    line-height: var(--coq-lh-intro);
    color: var(--coq-text);
}

.co-quiz .co-quiz__title {
    margin: 0;
    font-size: var(--coq-fs-title);
    font-weight: 800;
    line-height: var(--coq-lh-title);
    letter-spacing: var(--coq-ls-title);
    color: var(--coq-text);
}

.co-quiz .co-quiz__subtitle {
    margin: 0;
    font-size: var(--coq-fs-subtitle);
    font-weight: 400;
    line-height: var(--coq-lh-subtitle);
    color: var(--coq-text-2);
}

/* Плашка-подарок над заголовком. Отступ до заголовка даёт gap карточки: padding-bottom
   обёрток «Margin» в макете не отрисовывается (проверено по file-nodes-51-783.json). */
.co-quiz .co-quiz__plate {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 12px 16px;
    background: var(--coq-accent-soft);
    border: 1px solid var(--coq-border);
    border-radius: var(--coq-r-item);
}

/* В макете на месте иконки эмодзи 17.6/24.64; в продукте это картинка — 22px наше значение */
.co-quiz img.co-quiz__plate-icon {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.co-quiz .co-quiz__plate-text {
    margin: 0;
    font-size: var(--coq-fs-plate);
    font-weight: 400;
    line-height: var(--coq-lh-plate);
    color: var(--coq-text);
    overflow-wrap: anywhere;
}

.co-quiz .co-quiz__plate-text b {
    font-weight: 500;
}

/* ============================================================
   Пункты ответа
   ============================================================ */

.co-quiz .co-quiz__list {
    display: flex;
    flex-direction: column;
    gap: var(--coq-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

.co-quiz button.co-quiz__item {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 68px;
    padding: var(--coq-item-pad);
    background: var(--coq-surface);
    border: 1px solid var(--coq-border);
    border-radius: var(--coq-r-item);
    text-align: left;
    font-family: inherit;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.co-quiz button.co-quiz__item:hover {
    border-color: var(--coq-accent-muted);
}

.co-quiz button.co-quiz__item:focus-visible {
    outline: none;
    border-color: var(--coq-accent);
    box-shadow: 0 0 0 4px var(--coq-ring);
}

.co-quiz button.co-quiz__item--selected {
    background: var(--coq-accent-soft);
    border-color: var(--coq-accent);
}

.co-quiz .co-quiz__item-icon {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: var(--coq-accent-soft);
    border-radius: var(--coq-r-icon);
    overflow: hidden;
}

.co-quiz .co-quiz__item-icon img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
}

.co-quiz .co-quiz__item-text {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--coq-fs-item);
    font-weight: 400;
    line-height: 1.35;
    color: var(--coq-text);
    overflow-wrap: anywhere;
}

/* 19×19 — галочка на большинстве экранов (EL-80852d8d); 24×24 только на первом (EL-40febab1) */
.co-quiz img.co-quiz__item-check {
    flex: 0 0 auto;
    width: 19px;
    height: 19px;
    opacity: 0;
    transition: opacity .16s ease;
}

.co-quiz .co-quiz__item--selected img.co-quiz__item-check,
.co-quiz .co-quiz__grid-item--selected img.co-quiz__item-check {
    opacity: 1;
}

.co-quiz button.co-quiz__grid-item {
    position: relative;
}

.co-quiz button.co-quiz__grid-item img.co-quiz__item-check {
    position: absolute;
    right: 12px;
}

.co-quiz img.co-quiz__item-check--lg {
    width: 24px;
    height: 24px;
}

.co-quiz .co-quiz__columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: var(--coq-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

.co-quiz .co-quiz__columns > li {
    min-width: 0;
}

/* Сфера: 14.2px и паддинг 14 / зазор 10, как в макете.
   При 15.2px «Управляющие компании» не влезает в колонку. */
.co-quiz .co-quiz__columns button.co-quiz__item {
    gap: 10px;
    padding: 14px;
    border-width: 1.5px;
}

.co-quiz .co-quiz__columns .co-quiz__item-text {
    font-size: var(--coq-fs-sphere);
    overflow-wrap: normal;
}

/* Сетка 2×2 — крупные ячейки без иконок */
.co-quiz .co-quiz__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: var(--coq-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

.co-quiz button.co-quiz__grid-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 16px 14px;
    background: var(--coq-surface);
    border: 1.5px solid var(--coq-border);
    border-radius: var(--coq-r-item);
    font-size: var(--coq-fs-grid-item);
    font-weight: 400;
    line-height: 1.3;
    color: var(--coq-text);
    text-align: center;
    font-family: inherit;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.co-quiz button.co-quiz__grid-item:hover {
    border-color: var(--coq-accent-muted);
}

.co-quiz button.co-quiz__grid-item:focus-visible {
    outline: none;
    border-color: var(--coq-accent);
    box-shadow: 0 0 0 4px var(--coq-ring);
}

.co-quiz button.co-quiz__grid-item--selected {
    background: var(--coq-accent-soft);
    border-color: var(--coq-accent);
}

/* Выбор сферы: десктоп — две колонки (sphere-grid, EL-c094fdcc + EL-f979a376),
   мобилка — один столбец (sphere-list, EL-c9a9f778). Порядок разметки — как в ТЗ 5.4:
   при раскладке по строкам колонки совпадают с макетом. */
.co-quiz .co-quiz__sphere-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: var(--coq-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

.co-quiz button.co-quiz__sphere-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 14px;
    background: var(--coq-surface);
    border: 1.5px solid var(--coq-border);
    border-radius: var(--coq-r-item);
    font-size: var(--coq-fs-sphere);
    font-weight: 400;
    line-height: 1.35;
    color: var(--coq-text);
    text-align: left;
    font-family: inherit;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.co-quiz button.co-quiz__sphere-item .co-quiz__item-text {
    font-size: var(--coq-fs-sphere);
}

.co-quiz .co-quiz__sphere-item--selected img.co-quiz__item-check {
    opacity: 1;
}

.co-quiz button.co-quiz__sphere-item:hover {
    border-color: var(--coq-accent-muted);
}

.co-quiz button.co-quiz__sphere-item:focus-visible {
    outline: none;
    border-color: var(--coq-accent);
    box-shadow: 0 0 0 4px var(--coq-ring);
}

.co-quiz button.co-quiz__sphere-item--selected {
    background: var(--coq-accent-soft);
    border-color: var(--coq-accent);
}

/* Поле своего варианта («Другое») */
.layout .co-quiz input.co-quiz__other,
.co-quiz input.co-quiz__other {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 14px;
    background: var(--coq-surface);
    border: 1.5px solid var(--coq-border);
    border-radius: var(--coq-r-item);
    font-family: inherit;
    font-size: var(--coq-fs-other);
    font-weight: 400;
    line-height: 1.35;
    color: var(--coq-text);
    transition: border-color .16s ease, box-shadow .16s ease;
}

/* В макете подсказка этого поля тёмная (#83:6238), в отличие от полей контактов */
.co-quiz input.co-quiz__other::placeholder {
    color: var(--coq-text);
}

.co-quiz input.co-quiz__other:focus {
    outline: none;
    border-color: var(--coq-accent);
    box-shadow: 0 0 0 4px var(--coq-ring);
}

/* ============================================================
   Карточка «Наблюдение» / «Из практики»
   ============================================================ */

.co-quiz .co-quiz__notes {
    display: flex;
    flex-direction: column;
    gap: var(--coq-gap);
}

.co-quiz .co-quiz__note {
    position: relative;
    padding: var(--coq-note-pad);
    background: var(--coq-accent-soft);
    border-radius: var(--coq-r-note);
}

.co-quiz .co-quiz__note::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
    background: var(--coq-accent);
    border-radius: var(--coq-r-note) 0 0 var(--coq-r-note);
}

.layout .co-quiz p.co-quiz__note-title,
.co-quiz .co-quiz__note-title {
    margin: 0 0 var(--coq-note-title-gap);
    font-size: var(--coq-fs-note-title);
    font-weight: 700;
    line-height: var(--coq-lh-note-title);
    color: var(--coq-accent);
}

.layout .co-quiz p.co-quiz__note-text,
.co-quiz .co-quiz__note-text {
    margin: 0;
    font-size: var(--coq-fs-note-text);
    font-weight: 400;
    line-height: var(--coq-lh-note-text);
    color: var(--coq-text);
}

/* ============================================================
   Кнопки шага
   ============================================================ */

.co-quiz .co-quiz__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.co-quiz .co-quiz__actions--end {
    justify-content: flex-end;
}

.co-quiz button.co-quiz__back {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 94px;
    min-height: 46px;
    padding: 8px 0;
    background: transparent;
    border: 1px solid var(--coq-outline);
    border-radius: var(--coq-r-pill);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    color: var(--coq-text);
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease;
}

.co-quiz button.co-quiz__back:hover {
    background: var(--coq-field-bg);
    border-color: var(--coq-text-2);
}

.co-quiz button.co-quiz__back:focus-visible {
    outline: none;
    border-color: var(--coq-accent);
    box-shadow: 0 0 0 4px var(--coq-ring);
}

.co-quiz button.co-quiz__next {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    background: var(--coq-accent);
    border: 0;
    border-radius: var(--coq-r-pill);
    font-family: inherit;
    font-size: 18.4px;
    font-weight: 700;
    line-height: 1;
    color: var(--coq-surface);
    cursor: pointer;
    transition: opacity .16s ease, background .16s ease;
}

.co-quiz button.co-quiz__next:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px var(--coq-ring);
}

/* Неактивная стрелка — градиент с прозрачностью .35 (#83:5554) */
.co-quiz button.co-quiz__next:disabled {
    background: linear-gradient(90deg, var(--coq-accent) 0%, var(--coq-accent-2) 100%);
    opacity: .35;
    cursor: default;
}

.co-quiz button.co-quiz__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 13px 24px;
    background: var(--coq-accent);
    border: 0;
    border-radius: var(--coq-r-pill);
    font-family: inherit;
    font-size: var(--coq-fs-submit);
    font-weight: 700;
    line-height: 1.2;
    color: var(--coq-surface);
    overflow-wrap: anywhere;
    cursor: pointer;
    transition: background .16s ease;
}

.co-quiz button.co-quiz__submit:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px var(--coq-ring);
}

.co-quiz button.co-quiz__submit:disabled {
    background: var(--coq-accent-muted);
    cursor: default;
}

/* ============================================================
   Экран контактов
   ============================================================ */

.co-quiz .co-quiz__fields {
    display: flex;
    flex-direction: column;
    gap: var(--coq-gap);
}

.co-quiz .co-quiz__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.co-quiz .co-quiz__field-label {
    font-size: var(--coq-fs-field-label);
    font-weight: 700;
    line-height: 1.3;
    color: var(--coq-text);
}

.co-quiz .co-quiz__field-note {
    font-size: var(--coq-fs-field-note);
    font-weight: 400;
    color: var(--coq-text-2);
}

.co-quiz input.co-quiz__input {
    width: 100%;
    padding: 12px 14px;
    background: var(--coq-field-bg);
    border: 1.5px solid var(--coq-border);
    border-radius: var(--coq-r-field);
    font-family: inherit;
    font-size: var(--coq-fs-field);
    font-weight: 400;
    line-height: 1.35;
    color: var(--coq-text);
    transition: border-color .16s ease, box-shadow .16s ease;
}

.co-quiz input.co-quiz__input::placeholder {
    color: var(--coq-text-2);
}

.co-quiz input.co-quiz__input:focus {
    outline: none;
    border-color: var(--coq-accent);
    box-shadow: 0 0 0 4px var(--coq-ring);
}

.co-quiz input.co-quiz__input--error,
.co-quiz input.co-quiz__input--error:focus {
    border-color: var(--coq-danger);
    box-shadow: 0 0 0 3px rgba(212, 50, 43, .12);
}

.co-quiz .co-quiz__field-error,
.layout .co-quiz p.co-quiz__error,
.co-quiz .co-quiz__error {
    margin: 0;
    font-size: var(--coq-fs-field-note);
    font-weight: 400;
    line-height: 1.35;
    color: var(--coq-danger);
    white-space: pre-line;
}

.co-quiz .co-quiz__consent {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.co-quiz .co-quiz__consent--error .co-quiz__consent-box {
    border-color: var(--coq-danger);
}

.co-quiz input.co-quiz__consent-input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip-path: inset(50%);
    overflow: hidden;
}

.co-quiz .co-quiz__consent-box {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: var(--coq-surface);
    border: 1.5px solid var(--coq-border);
    border-radius: 5px;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.co-quiz img.co-quiz__consent-mark {
    width: 12px;
    height: 12px;
    opacity: 0;
    transition: opacity .16s ease;
}

.co-quiz .co-quiz__consent-input:checked + .co-quiz__consent-box {
    background: var(--coq-accent-soft);
    border-color: var(--coq-accent);
}

.co-quiz .co-quiz__consent-input:checked + .co-quiz__consent-box img.co-quiz__consent-mark {
    opacity: 1;
}

.co-quiz .co-quiz__consent-input:focus-visible + .co-quiz__consent-box {
    border-color: var(--coq-accent);
    box-shadow: 0 0 0 4px var(--coq-ring);
}

.co-quiz .co-quiz__consent-text {
    font-size: var(--coq-fs-consent);
    font-weight: 400;
    line-height: 1.35;
    color: var(--coq-text-2);
    overflow-wrap: anywhere;
}

/* ============================================================
   Экран результата
   ============================================================ */

.co-quiz .co-quiz__familiar,
.co-quiz .co-quiz__good-news,
.co-quiz .co-quiz__logos-title,
.co-quiz .co-quiz__title {
    height: auto;
    min-height: 0;
    max-height: none;
    overflow-wrap: anywhere;
    white-space: normal;
}

.co-quiz .co-quiz__familiar,
.co-quiz .co-quiz__good-news {
    margin: 0;
    font-size: var(--coq-fs-body);
    font-weight: 400;
    line-height: 23.56px;
    color: var(--coq-text);
}

.co-quiz b,
.co-quiz strong {
    font-weight: 700;
}

.co-quiz .co-quiz__logos-title {
    margin: 0;
    font-size: var(--coq-fs-logos-title);
    font-weight: 800;
    line-height: 23.63px;
    color: var(--coq-text);
    text-align: center;
}

.co-quiz .co-quiz__logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px 24px;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

.co-quiz .co-quiz__logos > li {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    max-width: 148px;
    height: auto;
}

.co-quiz img.co-quiz__logo {
    /* 69px — потолок из макета. Меньше логотипов — они не растут выше и стоят по центру.
       Больше — ячейка сжимается, картинка вписывается во всю ширину ряда. */
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 69px;
    object-fit: contain;
}

.co-quiz .co-quiz__stats {
    display: flex;
    padding: 18px 0;
    border-top: 1px solid var(--coq-border);
    border-bottom: 1px solid var(--coq-border);
}

.co-quiz .co-quiz__stat {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.co-quiz .co-quiz__stat + .co-quiz__stat {
    padding-left: 16px;
    border-left: 1px solid var(--coq-border);
}

.layout .co-quiz p.co-quiz__stat-value,
.co-quiz .co-quiz__stat-value {
    margin: 0;
    font-size: var(--coq-fs-stat);
    font-weight: 800;
    line-height: 41.53px;
    color: var(--coq-accent);
}

.layout .co-quiz p.co-quiz__stat-label,
.co-quiz .co-quiz__stat-label {
    margin: 0;
    font-size: var(--coq-fs-stat-label);
    font-weight: 400;
    line-height: 20.08px;
    color: var(--coq-text-2);
}

.co-quiz .co-quiz__trial {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 20px;
    background: var(--coq-accent-soft);
    border: 1.5px solid var(--coq-border);
    border-radius: var(--coq-r-trial);
}

.co-quiz .co-quiz__trial > .co-quiz__trial-text,
.co-quiz .co-quiz__trial > .co-quiz__cta-note {
    margin: 0;
}

.co-quiz .co-quiz__trial-text {
    margin: 0;
    font-size: var(--coq-fs-trial);
    font-weight: 400;
    line-height: 22.05px;
    color: var(--coq-text);
    text-align: center;
    overflow-wrap: anywhere;
}

.co-quiz a.co-quiz__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: auto;
    max-width: 100%;
    height: 47px;
    padding: 0 24px;
    background: var(--coq-accent);
    border-radius: var(--coq-r-cta);
    font-size: var(--coq-fs-cta);
    font-weight: 700;
    line-height: 20.76px;
    color: var(--coq-surface);
    text-align: center;
    text-decoration: none;
    transition: background .16s ease;
}

.co-quiz a.co-quiz__cta:hover {
    background: var(--coq-accent-2);
    color: var(--coq-surface);
}

.co-quiz a.co-quiz__cta:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px var(--coq-ring);
}

.co-quiz .co-quiz__cta-note,
.co-quiz .co-quiz__gift {
    margin: 0;
    font-weight: 400;
    color: var(--coq-text-2);
    text-align: center;
}

.co-quiz .co-quiz__cta-note {
    font-size: var(--coq-fs-cta-note);
    line-height: 17.48px;
}

.co-quiz .co-quiz__gift {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: var(--coq-fs-gift);
    line-height: 18.58px;
}

.co-quiz .co-quiz__gift-icon,
.co-quiz img.co-quiz__gift-icon {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    color: var(--coq-text-2);
}

/* ============================================================
   Мобилка — карточка 328, padding 24/20 (ТЗ 5.5)
   ============================================================ */

@media (max-width: 767px) {
    .co-quiz {
        --coq-card-width: 328px;
        --coq-card-pad: 24px 20px;
        --coq-gap: 10px;
        --coq-item-pad: 14px 16px;
        --coq-note-pad: 15px 28px 16px 28px;
        --coq-note-title-gap: 7px;
        --coq-lh-note-title: 19px;

        --coq-fs-intro: 14px;
        --coq-lh-intro: 18px;
        --coq-fs-title: 14px;
        --coq-lh-title: 18px;
        --coq-ls-title: -.0177em;
        --coq-fs-subtitle: 14px;
        --coq-lh-subtitle: 18px;
        --coq-fs-plate: 12px;
        --coq-lh-plate: 18px;
        --coq-fs-item: 12px;
        --coq-fs-note-title: 14px;
        --coq-fs-note-text: 12px;
        /* Межстрочный у мобильного текста наблюдения в макете не задан — значение наше */
        --coq-lh-note-text: 18px;
        --coq-fs-body: 12px;
        --coq-fs-logos-title: 14px;
        --coq-fs-stat-label: 12px;
        --coq-fs-trial: 14px;
        --coq-fs-cta: 14px;
        --coq-fs-cta-note: 12px;
        --coq-fs-gift: 12px;
    }

    .co-quiz--popup {
        padding: 16px 10px;
    }

    .co-quiz--popup .co-quiz__shell {
        width: 100%;
        max-width: 400px;
    }

    .co-quiz--popup .co-quiz__card {
        width: 100%;
        max-width: 400px;
        max-height: calc(100vh - 32px);
        max-height: calc(100dvh - 32px);
    }

    /* В статье карточка на всю колонку, а не 328px: иначе shrink-to-fit сужает текст вокруг. */
    .co-quiz--inline,
    .co-quiz--inline .co-quiz__card {
        width: 100%;
        max-width: 100%;
    }

    .co-quiz--popup button.co-quiz__close {
        top: 6px;
        right: 6px;
        background: transparent;
    }

    .co-quiz--popup button.co-quiz__close:hover,
    .co-quiz--popup button.co-quiz__close:active {
        background: var(--coq-accent-soft);
        color: var(--coq-accent);
    }

    .co-quiz button.co-quiz__item {
        min-height: 64px;
    }

    .co-quiz .co-quiz__columns,
    .co-quiz .co-quiz__sphere-grid {
        grid-template-columns: minmax(0, 1fr);
        row-gap: var(--coq-gap);
    }

    .co-quiz .co-quiz__logos {
        flex-wrap: nowrap;
        gap: 12px 16px;
    }

    .co-quiz .co-quiz__logos > li:nth-child(5) {
        display: none;
    }

    .co-quiz .co-quiz__logos > li {
        flex: 1 1 0;
        min-width: 0;
        max-width: none;
    }

    .co-quiz img.co-quiz__logo {
        width: 100%;
        height: auto;
        max-height: 56px;
    }

    .co-quiz .co-quiz__stats {
        padding: 10px 0;
    }

    .co-quiz .co-quiz__stat {
        text-align: center;
    }

    .co-quiz .co-quiz__stat + .co-quiz__stat {
        padding-left: 0;
    }

    .co-quiz button.co-quiz__submit {
        flex: 1 1 auto;
        min-width: 0;
        padding: 13px 10px;
        font-size: 14px;
        line-height: 1.2;
        letter-spacing: -0.012em;
        word-spacing: 0.05em;
        white-space: nowrap;
        overflow-wrap: normal;
    }

    .co-quiz a.co-quiz__cta {
        align-self: center;
        width: auto;
        height: 47px;
    }
}

/* Превью админки «как с телефона»: окно браузера широкое, поэтому @media не срабатывает.
   Класс включает те же токены и правила, что и блок выше. Ширина карточки — 400px,
   как потолок модалки у посетителя. */
.co-quiz--mobile {
    --coq-card-width: 400px;
    --coq-card-pad: 24px 20px;
    --coq-gap: 10px;
    --coq-item-pad: 14px 16px;
    --coq-note-pad: 15px 28px 16px 28px;
    --coq-note-title-gap: 7px;
    --coq-lh-note-title: 19px;
    --coq-fs-intro: 14px;
    --coq-lh-intro: 18px;
    --coq-fs-title: 14px;
    --coq-lh-title: 18px;
    --coq-ls-title: -.0177em;
    --coq-fs-subtitle: 14px;
    --coq-lh-subtitle: 18px;
    --coq-fs-plate: 12px;
    --coq-lh-plate: 18px;
    --coq-fs-item: 12px;
    --coq-fs-note-title: 14px;
    --coq-fs-note-text: 12px;
    --coq-lh-note-text: 18px;
    --coq-fs-body: 12px;
    --coq-fs-logos-title: 14px;
    --coq-fs-stat-label: 12px;
    --coq-fs-trial: 14px;
    --coq-fs-cta: 14px;
    --coq-fs-cta-note: 12px;
    --coq-fs-gift: 12px;
}

.co-quiz--mobile button.co-quiz__item {
    min-height: 64px;
}

.co-quiz--mobile .co-quiz__columns,
.co-quiz--mobile .co-quiz__sphere-grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--coq-gap);
}

.co-quiz--mobile .co-quiz__logos {
    flex-wrap: nowrap;
    gap: 12px 16px;
}

.co-quiz--mobile .co-quiz__logos > li:nth-child(5) {
    display: none;
}

.co-quiz--mobile .co-quiz__logos > li {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
}

.co-quiz--mobile img.co-quiz__logo {
    width: 100%;
    height: auto;
    max-height: 56px;
}

.co-quiz--mobile .co-quiz__stats {
    padding: 10px 0;
}

.co-quiz--mobile .co-quiz__stat {
    text-align: center;
}

.co-quiz--mobile .co-quiz__stat + .co-quiz__stat {
    padding-left: 0;
}

.co-quiz--mobile button.co-quiz__submit {
    flex: 1 1 auto;
    min-width: 0;
    padding: 13px 10px;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -0.012em;
    word-spacing: 0.05em;
    white-space: nowrap;
    overflow-wrap: normal;
}

.co-quiz--mobile a.co-quiz__cta {
    align-self: center;
    width: auto;
    height: 47px;
}

/* Статья: .article-content ul li рисует галочки, .layout p и img задают свои отступы.
   Сброс только внутри квиза, правила блога снаружи не меняются. */
.article-content .co-quiz ul,
.layout .co-quiz ul,
.article-content .co-quiz ol,
.layout .co-quiz ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.article-content .co-quiz li,
.article-content .co-quiz ul li:first-child,
.layout .co-quiz li,
.layout .co-quiz ul li:first-child {
    display: block;
    width: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    background: none;
    font-size: inherit;
    line-height: inherit;
}

.article-content .co-quiz p,
.article-content .co-quiz p:not(:last-child),
.layout .co-quiz p,
.layout .co-quiz p:not(:last-child),
.layout .co-quiz ul,
.layout .co-quiz ul:not(:last-child) {
    margin: 0;
}

.article-content .co-quiz img,
.layout .co-quiz img {
    margin: 0;
    border-radius: 0;
    object-fit: contain;
}

/* End */


/* Start:/local/templates/checkoffice/components/bitrix/news.list/check_list_slider3_shortcode/style.css?1791461206155*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 .25rem .5rem 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/checkoffice/components/bitrix/news.list/check_list_slider3/style.css?1791461206155*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 .25rem .5rem 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */
/* /local/templates/checkoffice/components/bitrix/breadcrumb/checkoffice/style.css?1791461206599 */
/* /local/templates/checkoffice/components/bitrix/news/blog_materials/bitrix/news.detail/.default/style.css?1791461206714 */
/* /local/components/whitecursor/blog.anchors/templates/.default/style.css?1772796352905 */
/* /local/quiz/assets/quiz.css?179033808635568 */
/* /local/templates/checkoffice/components/bitrix/news.list/check_list_slider3_shortcode/style.css?1791461206155 */
/* /local/templates/checkoffice/components/bitrix/news.list/check_list_slider3/style.css?1791461206155 */