/* ═══════════════ Версия для слабовидящих (раздел 5.2 ТЗ) ═══════════════ */

/* Панель настроек */
.a11y{background:#fff;border-bottom:2px solid var(--c-ink)}
.a11y__in{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:flex-end;padding-top:14px;padding-bottom:16px}
.a11y fieldset{border:0;margin:0;padding:0;display:flex;gap:6px;align-items:center}
.a11y legend{font-size:13px;font-weight:700;margin-bottom:6px;color:var(--c-ink);padding:0}
.a11y button{min-width:44px;min-height:44px;padding:0 12px;border:2px solid var(--c-ink);border-radius:8px;
  background:#fff;color:#000;font:700 16px "Nunito Sans",Arial,sans-serif;cursor:pointer}
.a11y button[aria-pressed="true"]{outline:3px solid var(--c-red);outline-offset:2px}
.a11y__sw--bw{background:#fff!important;color:#000!important}
.a11y__sw--wb{background:#000!important;color:#fff!important}
.a11y__sw--blue{background:#9DD1FF!important;color:#063462!important}
.a11y__sw--brown{background:#F7F3D6!important;color:#4D4B43!important}
.a11y__actions{margin-left:auto}
.a11y__actions button{padding:0 18px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Размер шрифта: масштаб всей страницы, раскладка перестраивается как при увеличении в браузере */
html[data-a11y-size="1"] body{zoom:1.25}
html[data-a11y-size="2"] body{zoom:1.5}
/* Масштаб 200 % по ПП РФ от 07.02.2026 № 102, п. 2 «б» даёт браузер (Ctrl +):
   zoom не пересчитывает медиазапросы, поэтому третьей ступени в переключателе нет.
   Чтобы сделать её здесь, вёрстку нужно перевести с px на rem — отдельная задача. */
/* При масштабировании zoom округляет размеры и даёт лишние 3–5 px вбок.
   clip, в отличие от hidden, не создаёт контейнер прокрутки — залипающая шапка работает. */
html[data-a11y-size]{overflow-x:clip}

/* Интервалы */
html[data-a11y-spacing="1"] body{letter-spacing:.12em;word-spacing:.24em}
html[data-a11y-spacing="1"] body p,html[data-a11y-spacing="1"] body li{line-height:1.95}

/* Изображения */
html[data-a11y-images="gray"] img{filter:grayscale(1)}
html[data-a11y-images="off"] img,
html[data-a11y-images="off"] .ph,
html[data-a11y-images="off"] .hero__pic{display:none!important}

/* Цветовые схемы: единые цвета фона и текста, без декоративных подложек */
html[data-a11y-theme] body *:not(.a11y__sw){background-image:none!important;box-shadow:none!important;text-shadow:none!important}
html[data-a11y-theme] body,
html[data-a11y-theme] body *:not(.a11y__sw):not(svg):not(path):not(circle){
  background-color:var(--a11y-bg)!important;color:var(--a11y-fg)!important;border-color:var(--a11y-fg)!important}
html[data-a11y-theme] svg{fill:none;stroke:var(--a11y-fg)!important}
html[data-a11y-theme] .play svg,html[data-a11y-theme] .play svg path{fill:var(--a11y-fg)!important;stroke:none!important}
html[data-a11y-theme] a{text-decoration:underline!important}
html[data-a11y-theme] .btn,html[data-a11y-theme] .kind,html[data-a11y-theme] .card,
html[data-a11y-theme] .fld,html[data-a11y-theme] .band,html[data-a11y-theme] .gosbox,
html[data-a11y-theme] .lights__in,html[data-a11y-theme] .finder,html[data-a11y-theme] .vac,
html[data-a11y-theme] .callout,html[data-a11y-theme] .doc{border:2px solid var(--a11y-fg)!important}
html[data-a11y-theme] .lights__dots{display:none}
html[data-a11y-theme] .step::before{border:2px solid var(--a11y-fg)}

html[data-a11y-theme="bw"]{--a11y-bg:#fff;--a11y-fg:#000}
html[data-a11y-theme="wb"]{--a11y-bg:#000;--a11y-fg:#fff}
html[data-a11y-theme="blue"]{--a11y-bg:#9DD1FF;--a11y-fg:#063462}
html[data-a11y-theme="brown"]{--a11y-bg:#F7F3D6;--a11y-fg:#4D4B43}