/*
 * Версия для слабовидящих (по образцу maldives.ru, требования ГОСТ Р 52872-2019):
 * размер шрифта в три шага, три цветовые схемы, отключение изображений, озвучивание.
 * Режим включается классами на <html>: a11y + a11y-fs{1..3} + a11y-c-{bw|yb|bb} (+ a11y-noimg).
 * Классы ставит скрипт в <head> до отрисовки (inc/layout.php), поэтому страница
 * не мигает обычной версией. Всё ниже действует только внутри html.a11y.
 */

/* ── кнопка включения в верхней полосе и в подвале ── */
.tb-eye{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}
.tb-eye:hover{color:#fff}
.tb-eye svg{width:18px;height:18px;flex:0 0 auto}
@media(max-width:640px){.tb-eye{margin-left:auto}}
@media(max-width:420px){.tb-eye span{display:none}}
.f-eye{background:none;border:0;padding:0;font:inherit;color:rgba(255,255,255,.65);text-decoration:underline;cursor:pointer}
.f-eye:hover{color:#fff}
html.a11y .tb-eye,html.a11y .f-eye{display:none!important}

/* ── панель настроек ── */
.a11y-panel{display:none}
html.a11y .a11y-panel{display:block;border-bottom:3px solid var(--a-fg)}
.a11y-in{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding-top:14px!important;padding-bottom:14px!important}
.a11y-g{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.a11y-g[hidden]{display:none!important}
.a11y-l{font-weight:700!important;margin-right:4px}
/* сама панель не растёт вместе с текстом страницы, иначе на телефоне кнопки отрываются от подписей */
html.a11y .a11y-panel :is(.a11y-l,.a11y-b,.a11y-off){font-size:18px!important}
@media(max-width:640px){
  .a11y-in{gap:12px}
  .a11y-g{flex-wrap:nowrap}
  .a11y-l{flex:0 0 132px}
  html.a11y .a11y-off{margin-left:0}
}
html.a11y .a11y-b{min-width:48px;min-height:48px;padding:4px 12px;border:2px solid var(--a-fg)!important;border-radius:6px;cursor:pointer;font-weight:700!important;line-height:1!important}
html.a11y .a11y-b[aria-pressed="true"]{outline:4px solid var(--a-fg);outline-offset:2px}
html.a11y .a11y-panel .a11y-fs1{font-size:18px!important}
html.a11y .a11y-panel .a11y-fs2{font-size:24px!important}
html.a11y .a11y-panel .a11y-fs3{font-size:30px!important}
html.a11y .a11y-panel .a11y-sw[data-v="bw"]{background-color:#fff!important;color:#000!important;border-color:#000!important}
html.a11y .a11y-panel .a11y-sw[data-v="yb"]{background-color:#000!important;color:#ff0!important;border-color:#ff0!important}
html.a11y .a11y-panel .a11y-sw[data-v="bb"]{background-color:#9dd1ff!important;color:#063462!important;border-color:#063462!important}
html.a11y .a11y-off{margin-left:auto;min-height:48px;padding:6px 18px;border:2px solid var(--a-fg)!important;border-radius:6px;cursor:pointer;font-weight:700!important}

/* ── цветовые схемы ── */
html.a11y,html.a11y-c-bw{--a-bg:#fff;--a-fg:#000}
html.a11y-c-yb{--a-bg:#000;--a-fg:#ff0}
html.a11y-c-bb{--a-bg:#9dd1ff;--a-fg:#063462}

html.a11y body,
html.a11y body *:not(svg *){
  background-color:var(--a-bg)!important;color:var(--a-fg)!important;border-color:var(--a-fg)!important;
  background-image:none!important;text-shadow:none!important;box-shadow:none!important;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;letter-spacing:.02em!important;
  transition:none!important;animation:none!important
}
html.a11y body *::before,html.a11y body *::after{background-image:none!important;box-shadow:none!important;animation:none!important}
html.a11y svg{color:var(--a-fg)}
html.a11y svg:not([fill="none"]){fill:currentColor!important}
html.a11y a{text-decoration:underline!important}
html.a11y :focus-visible{outline:4px solid var(--a-fg)!important;outline-offset:2px}
html.a11y button,html.a11y .btn,html.a11y input,html.a11y select,html.a11y textarea{border:2px solid var(--a-fg)!important}
html.a11y ::placeholder{color:var(--a-fg)!important;opacity:.75}
/* элементы, нарисованные цветом фона: полоски бургера, точки, разделители */
html.a11y .burger span{background-color:var(--a-fg)!important}

/* ── размер шрифта: три шага, заголовки пропорционально ── */
html.a11y-fs1{--a-fs:18px}
html.a11y-fs2{--a-fs:22px}
html.a11y-fs3{--a-fs:26px}
html.a11y body :is(p,li,a,span,b,strong,i,em,small,div,td,th,dd,dt,label,button,input,select,textarea,blockquote,figcaption,summary,time,address,cite){
  font-size:var(--a-fs)!important;line-height:1.5!important
}
html.a11y body h1{font-size:calc(var(--a-fs) * 2)!important;line-height:1.2!important}
html.a11y body h2{font-size:calc(var(--a-fs) * 1.6)!important;line-height:1.25!important}
html.a11y body h3{font-size:calc(var(--a-fs) * 1.3)!important;line-height:1.3!important}
html.a11y body :is(h4,h5,h6){font-size:calc(var(--a-fs) * 1.15)!important;line-height:1.35!important}
html.a11y body :is(h1,h2,h3,h4,h5,h6) *{font-size:inherit!important}

/* ── спокойная раскладка: без анимаций, видео и фоновых фото под текстом ── */
html.a11y .reveal{opacity:1!important;transform:none!important}
html.a11y video,html.a11y img.bg,html.a11y .hhero .sc{display:none!important}
html.a11y .hero,html.a11y .hhero{min-height:0!important}
html.a11y header{position:static!important}
html.a11y .nav,html.a11y .navlinks,html.a11y .navtools,html.a11y .topbar .wrap{flex-wrap:wrap}
/* у строки шапки фиксированная высота 64px — крупный шрифт из неё вылезал на крошки */
html.a11y .nav{height:auto!important;min-height:64px;padding-top:10px;padding-bottom:10px}

/* ── изображения выключены ── */
html.a11y-noimg img,html.a11y-noimg picture,html.a11y-noimg iframe{display:none!important}