/* Раздел ИИ-расшифровки писался в собственной бирюзовой палитре и выглядел
   отдельным сайтом. Здесь мы переопределяем его переменные на цвета основного
   сайта — сами файлы раздела не трогаем, чтобы не мешать работе над ними.
   Подключается после стилей страницы. */

:root {
	--primary:    #006F4A;  /* зелёный шапки сайта */
	--on-primary: #FFFFFF;
	--secondary:  #029363;  /* кнопки сайта */
	--accent:     #FF9600;  /* оранжевый акцент из шапки */
	--bg:         #FFFFFF;
	--fg:         #333333;
	--fg-soft:    #6A6A6A;
	--muted:      #F4F4F4;
	--border:     #DCDEDD;
	--danger:     #D0021B;
	--ring:       #029363;
	--surface:    #FFFFFF;
}

/* Отступ слева задаёт штатная колонка сайта .section — она же знает, что
   делать на планшете и телефоне. Своих отступов здесь нет намеренно:
   раздел начинался от края экрана и уезжал под фиксированную панель #left. */

/* Серый зазор слева — это фон страницы #F4F4F4, который просвечивал между
   фиксированной панелью #left (60 px) и белой карточкой раздела: штатная
   колонка .section отступает на 80 px. Прижимаем карточку вплотную к панели. */
.section.rasshifrovka-page { margin-left: 60px; }
@media screen and (max-width: 1023px) { .section.rasshifrovka-page { margin-left: 20px; } }
@media screen and (max-width: 767px)  { .section.rasshifrovka-page { margin-left: 0; } }

/* Своя обёртка раздела остаётся центрирующей — иначе блоки прижимаются влево */
.rasshifrovka-page .wrap { max-width: 1120px; margin: 0 auto; padding: 0 20px; }

/* Своя шапка и подвал раздела убраны на сервере; на случай, если разметка
   вернётся, прячем их и здесь — двух шапок на странице быть не должно. */
.hdr, .ftr { display: none !important; }

/* Кнопка чата стояла в левом нижнем углу — ровно поверх фиксированной панели
   сайта. Переносим в правый угол. */
.chat-btn { left: auto !important; right: 20px; }
.chat-panel { left: auto !important; right: 0; }

/* Ссылки в разделе — как на сайте */
.rasshifrovka-page a { color: #029363; }
.rasshifrovka-page a:hover { color: #FF9600; }

/* Кнопки раздела приводим к виду кнопок сайта */
.rasshifrovka-page .btn,
.rasshifrovka-page button.primary,
.rasshifrovka-page .cta {
	background: #029363;
	border-color: #029363;
	color: #FFF;
}
.rasshifrovka-page .btn:hover,
.rasshifrovka-page button.primary:hover,
.rasshifrovka-page .cta:hover { background: #006F4A; border-color: #006F4A; }

/* В версии для слабовидящих раздел идёт общим потоком */
body.bvi .rasshifrovka-page .wrap { max-width: none; padding: 0; }
body.bvi .hdr, body.bvi .ftr { display: none !important; }