/* accessibility.css - кодировка windows-1251 */
body { font-family: Arial, Tahoma, sans-serif; margin:0; padding:0; }
:focus { outline: 3px solid #005bbb !important; outline-offset: 2px; }

/* Кнопка-вызыватель */
#accessibility-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #005bbb;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(0,0,0,0.25);
  z-index: 99999;
}

/* Панель */
#a-panel {
  display: none;
  position: fixed;
  bottom: 96px;
  right: 20px;
  width: 320px;
  max-width: calc(100% - 40px);
  background: #fff;
  border: 2px solid #005bbb;
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 8px 28px rgba(0,0,0,0.25);
  z-index: 99998;
  font-size: 14px;
}
#a-panel.active { display: block; }

/* Заголовки секций */
.a-row { display:flex; align-items:center; gap:10px; margin-bottom:10px; flex-wrap:wrap; }
.a-label { min-width:80px; color:#0b3b8a; font-weight:600; }

/* Кнопки-опции */
.a-option { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:8px 10px; border-radius:18px; border:1px solid transparent; background:#f3f6fb; color:#0b3b8a; cursor:pointer; }
.a-option.active { background:#005bbb; color:#fff; border-color:#0047a6; box-shadow:0 2px 6px rgba(0,91,187,0.2); }
.a-option.small { padding:6px 8px; border-radius:14px; font-size:13px; }

/* Иконки-маркеры (простые круги) */
.icon-circle { width:24px; height:24px; border-radius:50%; display:inline-block; box-shadow:inset 0 0 0 2px rgba(255,255,255,0.3); }

/* Графика: цвет / чб / скрыть */
.icon-color { background: linear-gradient(135deg,#7bd389,#3db5ff); }
.icon-bw { background: linear-gradient(135deg,#ddd,#999); }
.icon-hide { background: transparent; border:2px solid #ddd; color:#aaa; display:flex; align-items:center; justify-content:center; font-weight:700; }

/* Стили-режимы (модификаторы) */
.g-graphics-bw img { filter: grayscale(100%) !important; }
.g-graphics-hide img { display:none !important; }

/* Размер шрифта (3 уровня) */
.fs-small { font-size: 95% !important; }
.fs-medium { font-size: 110% !important; }
.fs-large { font-size: 140% !important; }

/* Цветовые схемы */
.scheme-default { /* нет изменений */ }
.scheme-light { background-color: #f7fbff !important; color:#0b3b8a !important; }
.scheme-dark { background-color: #000 !important; color:#fff !important; }

/* Кернинг (letter-spacing) */
.kern-std { letter-spacing: 0 !important; }
.kern-mid { letter-spacing: 0.03em !important; }
.kern-large { letter-spacing: 0.08em !important; }

/* Межстрочный интервал */
.lh-1 { line-height: 1 !important; }
.lh-15 { line-height: 1.5 !important; }
.lh-2 { line-height: 2 !important; }

/* Дополнительные мелкие правки */
#a-panel .a-actions { display:flex; gap:8px; margin-top:8px; justify-content:space-between; }
.a-note { font-size:12px; color:#666; margin-top:6px; }

/* Небольшая адаптация */
@media (max-width:420px){
  #a-panel { right:10px; left:10px; bottom:80px; width:auto; }
  .a-label { min-width:60px; }
  .a-option { font-size:13px; padding:6px 8px; }
}
