/* כפתור נגישות צף — צבעים ניתנים לשינוי דרך המשתנים */
#a11y-root{--a11y-accent:#0E3B3E;--a11y-on:#C9A35B;--a11y-bg:#fff;--a11y-ink:#1B2422;--a11y-soft:#EEF3F2;
  position:fixed;bottom:max(18px,env(safe-area-inset-bottom));z-index:9999;direction:rtl;font-family:system-ui,"Segoe UI",Arial,sans-serif}
#a11y-root.a11y-side-left{left:14px}
#a11y-root.a11y-side-right{right:14px}
#a11y-trigger{width:44px;height:44px;border-radius:50%;border:2px solid #fff;background:var(--a11y-accent);color:#fff;
  display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25)}
#a11y-trigger svg{width:26px;height:26px;fill:currentColor}
#a11y-root button:focus-visible,#a11y-root a:focus-visible{outline:3px solid var(--a11y-on);outline-offset:2px}
#a11y-panel{position:absolute;bottom:56px;width:min(300px,calc(100vw - 28px));background:var(--a11y-bg);color:var(--a11y-ink);
  border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.28);padding:14px;max-height:min(70vh,560px);overflow:auto}
.a11y-side-left #a11y-panel{left:0}
.a11y-side-right #a11y-panel{right:0}
#a11y-panel[hidden]{display:none}
.a11y-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.a11y-head h2{font-size:18px;font-weight:700;margin:0}
.a11y-x{width:34px;height:34px;border:0;border-radius:50%;background:var(--a11y-soft);color:var(--a11y-ink);font-size:20px;line-height:1;cursor:pointer}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a11y-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:start;border:2px solid transparent;border-radius:12px;
  background:var(--a11y-soft);color:var(--a11y-ink);padding:10px;cursor:pointer;font:inherit;min-height:58px}
.a11y-btn.on{border-color:var(--a11y-accent);background:#fff}
.a11y-l{font-size:14px;font-weight:700;line-height:1.25}
.a11y-v{font-size:13px;opacity:.75}
.a11y-btn.on .a11y-v{opacity:1;color:var(--a11y-accent);font-weight:700}
.a11y-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}
.a11y-reset{border:0;background:var(--a11y-accent);color:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-weight:700;cursor:pointer}
.a11y-foot a{color:var(--a11y-accent);font-weight:700;text-decoration:underline;font-size:14px}
.a11y-hint{margin:8px 0 0;font-size:12px;opacity:.65}
.a11y-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- המחלקות על <html>. הפאנל עצמו מוחרג, כדי שתמיד יהיה אפשר לקרוא אותו ולכבות ---- */
/* גודל טקסט: zoom עובד גם באתרים שבנויים ב-px */
html.a11y-text-115 body>*:not(#a11y-root){zoom:1.15}
html.a11y-text-130 body>*:not(#a11y-root){zoom:1.3}
html.a11y-text-150 body>*:not(#a11y-root){zoom:1.5}
html.a11y-lines-16 body *:not(#a11y-root *){line-height:1.6!important}
html.a11y-lines-20 body *:not(#a11y-root *){line-height:2!important}
html.a11y-contrast-high body>*:not(#a11y-root){filter:contrast(1.45)}
html.a11y-contrast-mono body>*:not(#a11y-root){filter:grayscale(1)}
html.a11y-contrast-invert body{background:#111}
html.a11y-contrast-invert body>*:not(#a11y-root){filter:invert(1) hue-rotate(180deg)}
html.a11y-contrast-invert body>*:not(#a11y-root) img,
html.a11y-contrast-invert body>*:not(#a11y-root) video{filter:invert(1) hue-rotate(180deg)}
html.a11y-links a:not(#a11y-root a){text-decoration:underline!important;text-underline-offset:3px;outline:2px dashed currentColor;outline-offset:2px}
html.a11y-headings :is(h1,h2,h3,h4):not(#a11y-root *){outline:3px solid #C9A35B;outline-offset:3px}
html.a11y-font body *:not(#a11y-root *){font-family:Arial,"Segoe UI",system-ui,sans-serif!important;letter-spacing:.01em!important}
html.a11y-cursor,html.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3E%3Cpath d='M3 2l7 19 2.5-7.5L20 11z' fill='%23000' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") 3 2,auto!important}
html.a11y-motion *,html.a11y-motion *::before,html.a11y-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

@media print{html[class*="a11y-"] body>*{filter:none!important;zoom:1!important}#a11y-root{display:none}}