/* ================================================================
   ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ
   Соответствует ГОСТ Р 52872-2019 и рекомендациям Минцифры РФ
   для официальных сайтов образовательных организаций
   ================================================================ */

/* Панель настроек */
.bvi-panel{
  display:none;
  background:#f0f0f0;
  border-bottom:2px solid #333;
  padding:12px 0;
  font-family:"Open Sans", Arial, sans-serif;
  font-size:14px;
  color:#000;
  position:relative;
  z-index:100;
}
html.bvi-on .bvi-panel{display:block}
.bvi-panel .container{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:flex-start}
.bvi-panel .bvi-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.bvi-panel .bvi-label{font-weight:700;margin-right:4px;color:#000}
.bvi-panel button.bvi-opt{
  background:#fff;border:2px solid #666;color:#000;
  padding:6px 12px;cursor:pointer;font-family:inherit;font-size:14px;
  font-weight:600;line-height:1;min-width:34px;transition:all .15s;
  border-radius:0;
}
.bvi-panel button.bvi-opt:hover{border-color:#000;background:#e5e5e5}
.bvi-panel button.bvi-opt[aria-pressed="true"]{background:#000;color:#fff;border-color:#000}
.bvi-panel .bvi-off{
  margin-left:auto;background:#8224e3;color:#fff;border:2px solid #8224e3;
  padding:6px 16px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;
}
.bvi-panel .bvi-off:hover{background:#6a1cb8;border-color:#6a1cb8}
.bvi-panel .bvi-swatch{display:inline-block;width:22px;height:22px;border:2px solid #666;vertical-align:middle;margin-right:4px}

/* Цветовые схемы (обязательные по ГОСТ Р 52872-2019) */
html.bvi-on.bvi-scheme-bw     body,html.bvi-on.bvi-scheme-bw     *{background:#fff!important;color:#000!important;border-color:#000!important}
html.bvi-on.bvi-scheme-wb     body,html.bvi-on.bvi-scheme-wb     *{background:#000!important;color:#fff!important;border-color:#fff!important}
html.bvi-on.bvi-scheme-blue   body,html.bvi-on.bvi-scheme-blue   *{background:#9dd1ff!important;color:#063462!important;border-color:#063462!important}
html.bvi-on.bvi-scheme-beige  body,html.bvi-on.bvi-scheme-beige  *{background:#f7f3d6!important;color:#4d4b43!important;border-color:#4d4b43!important}
html.bvi-on.bvi-scheme-green  body,html.bvi-on.bvi-scheme-green  *{background:#3b2716!important;color:#a9c47f!important;border-color:#a9c47f!important}

/* Ссылки — подчёркнутые во всех схемах для слабовидящих */
html.bvi-on a{text-decoration:underline!important}
html.bvi-on.bvi-scheme-bw    a,html.bvi-on.bvi-scheme-bw    a:visited{color:#0000c8!important}
html.bvi-on.bvi-scheme-wb    a,html.bvi-on.bvi-scheme-wb    a:visited{color:#ffe600!important}
html.bvi-on.bvi-scheme-blue  a,html.bvi-on.bvi-scheme-blue  a:visited{color:#003a7a!important}
html.bvi-on.bvi-scheme-beige a,html.bvi-on.bvi-scheme-beige a:visited{color:#8b2e00!important}
html.bvi-on.bvi-scheme-green a,html.bvi-on.bvi-scheme-green a:visited{color:#ffdc73!important}

/* Панель настроек всегда контрастная — светлая */
html.bvi-on .bvi-panel,
html.bvi-on .bvi-panel *{background:#f0f0f0!important;color:#000!important;border-color:#666!important}
html.bvi-on .bvi-panel button.bvi-opt[aria-pressed="true"]{background:#000!important;color:#fff!important;border-color:#000!important}
html.bvi-on .bvi-panel .bvi-off{background:#8224e3!important;color:#fff!important;border-color:#8224e3!important}
html.bvi-on .bvi-panel a{color:#000!important}

/* Размеры шрифта */
html.bvi-on.bvi-size-m body{font-size:20px!important;line-height:1.75!important}
html.bvi-on.bvi-size-l body{font-size:24px!important;line-height:1.8!important}
html.bvi-on.bvi-size-xl body{font-size:28px!important;line-height:1.85!important}
html.bvi-on.bvi-size-m  body h1,html.bvi-on.bvi-size-m  body .hero h1{font-size:32px!important}
html.bvi-on.bvi-size-l  body h1,html.bvi-on.bvi-size-l  body .hero h1{font-size:38px!important}
html.bvi-on.bvi-size-xl body h1,html.bvi-on.bvi-size-xl body .hero h1{font-size:44px!important}
html.bvi-on.bvi-size-m  body h2{font-size:26px!important}
html.bvi-on.bvi-size-l  body h2{font-size:30px!important}
html.bvi-on.bvi-size-xl body h2{font-size:34px!important}

/* Интервалы */
html.bvi-on.bvi-space-m  body{letter-spacing:.05em!important;word-spacing:.1em!important}
html.bvi-on.bvi-space-l  body{letter-spacing:.1em!important;word-spacing:.2em!important;line-height:2!important}
html.bvi-on.bvi-space-xl body{letter-spacing:.15em!important;word-spacing:.3em!important;line-height:2.2!important}

/* Гарнитура */
html.bvi-on.bvi-font-sans body,html.bvi-on.bvi-font-sans body *{font-family:Arial, "Open Sans", sans-serif!important}
html.bvi-on.bvi-font-serif body,html.bvi-on.bvi-font-serif body *{font-family:"Times New Roman", Georgia, serif!important}

/* Панель — оставляем свою гарнитуру для читаемости */
html.bvi-on .bvi-panel,html.bvi-on .bvi-panel *{font-family:"Open Sans", Arial, sans-serif!important}

/* Изображения ВЫКЛ */
html.bvi-on.bvi-images-off img,
html.bvi-on.bvi-images-off svg:not(.bvi-panel svg):not(.bvi-icon-keep),
html.bvi-on.bvi-images-off video,
html.bvi-on.bvi-images-off iframe,
html.bvi-on.bvi-images-off picture{display:none!important}
html.bvi-on.bvi-images-off .hero{background:none!important}

/* Убираем декоративные блоки (фоны, тени, скругления) для лучшей читаемости */
html.bvi-on *{
  box-shadow:none!important;
  text-shadow:none!important;
  background-image:none!important;
}
html.bvi-on .directions,
html.bvi-on .cta-btn,
html.bvi-on .btn-primary,
html.bvi-on .step-number,
html.bvi-on .adv-icon,
html.bvi-on .dir-icon{
  border-radius:0!important;
}
html.bvi-on .adv-icon,
html.bvi-on .dir-icon,
html.bvi-on .step-number{
  border:2px solid currentColor!important;
  background:transparent!important;
}

/* Убираем sticky-заголовки — они мешают навигации */
html.bvi-on .site-header,html.bvi-on .sv-sidebar{position:static!important}

/* Контрастные фокусы */
html.bvi-on *:focus{outline:3px solid #ff6a00!important;outline-offset:2px!important}
html.bvi-on.bvi-scheme-wb *:focus{outline-color:#ffe600!important}

/* Кнопки CTA — всегда контрастная рамка и не сливаются с фоном */
html.bvi-on button[type="submit"],
html.bvi-on .btn-primary,
html.bvi-on .cta-btn,
html.bvi-on .form-submit{
  border:2px solid currentColor!important;
  padding:10px 20px!important;
  font-weight:700!important;
  background:transparent!important;
}
html.bvi-on button[type="submit"]:hover,
html.bvi-on .btn-primary:hover,
html.bvi-on .cta-btn:hover{
  text-decoration:underline!important;
}

/* Поля формы — рамка контрастная */
html.bvi-on input,html.bvi-on textarea,html.bvi-on select{
  background:transparent!important;
  border:2px solid currentColor!important;
  padding:8px 12px!important;
}

/* Кнопка «Версия для слабовидящих» — большая на самой странице bvi */
html.bvi-on .bvi-toggle{display:none}

/* Скрываем блок «Обратная связь» на главной, если картинки выключены — форма остаётся */

/* Адаптивно */
@media (max-width:768px){
  .bvi-panel .container{gap:8px 12px}
  .bvi-panel button.bvi-opt{padding:5px 9px;font-size:13px}
  .bvi-panel .bvi-off{margin-left:0;width:100%;margin-top:8px;text-align:center}
}