/* S7 (2026-10-18): доступность. Подключается последним (public-patches/head-end.html). Только фокус-стили,
   skip-link и уменьшение движения; раскладку не меняет. */

/* --- skip-link: невидим, пока не получит фокус с клавиатуры --- */
.a11y-skip {
  position: fixed; top: 8px; left: 50%; transform: translate(-50%, -200%); z-index: 100;
  padding: 10px 16px; border-radius: 10px; background: #1a1a1a; color: #fff; border: 2px solid #D4A98B;
  font-family: var(--font-body), sans-serif; font-size: 13px; font-weight: 600; text-decoration: none;
  transition: transform 0.15s;
}
.a11y-skip:focus, .a11y-skip:focus-visible { transform: translate(-50%, 0); outline: none; }
#viewer:focus { outline: none; } /* цель skip-link — без рамки на весь экран */

/* --- видимый фокус для всего интерактивного (клавиатура), без рамки при клике мышью --- */
.nav-arrow:focus-visible,
.nav-back:focus-visible,
.toc-toggle:focus-visible,
.toc-mode-toggle:focus-visible,
.toc-panel__close:focus-visible,
.toc-panel__item:focus-visible,
.table-row[role="button"]:focus-visible,
.sales-order:focus-visible,
.sales-bar__btn:focus-visible,
.v2-card:focus-visible,
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible {
  outline: 3px solid #D4A98B !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px rgba(26, 26, 26, 0.85);
}
.table-row[role="button"]:focus-visible { outline-offset: -3px; box-shadow: none; }
/* в оглавлении и строках фон светлый/тёмный разный — контрастная двойная рамка читается на обоих */
:focus:not(:focus-visible) { outline: none; }

/* --- меньше движения: по системной настройке пользователя --- */
@media (prefers-reduced-motion: reduce) {
  .slide-in-right .slide-frame,
  .slide-in-left .slide-frame { animation: none !important; }
  .slide, .slide-frame, .toc-overlay, .toc-panel, .toc-panel__item, .svc-panel, .svc-panel__service-veil,
  .nav-arrow, .sales-toast, .a11y-skip {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
  html { scroll-behavior: auto !important; }
}