/* Accessibility widget + user-selected display modes */

.a11y-root{font-family:"Matritsa","Arial Hebrew",Arial,sans-serif;font-size:16px;line-height:1.4;direction:rtl;text-align:right}
.a11y-root *{box-sizing:border-box}

.a11y-fab{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:9998;width:56px;height:56px;border-radius:50%;border:3px solid #fff;background:#0038B8;color:#fff;cursor:pointer;display:grid;place-items:center;padding:0;box-shadow:0 4px 16px rgba(15,27,61,.35);-webkit-tap-highlight-color:transparent;transition:transform .15s}
.a11y-fab svg{width:34px;height:34px}
.a11y-fab:focus-visible,.a11y-panel button:focus-visible,.a11y-panel a:focus-visible{outline:3px solid #0F1B3D;outline-offset:2px;box-shadow:0 0 0 6px #fff}
@media (hover:hover){.a11y-fab:hover{transform:scale(1.07)}}

.a11y-panel{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 68px);z-index:9999;width:min(360px,100vw - 32px);max-height:min(640px,100vh - 110px);max-height:min(640px,100dvh - 110px);overflow-y:auto;background:#fff;color:#0F1B3D;border:1px solid #D3DAE8;border-radius:20px;box-shadow:0 10px 40px rgba(15,27,61,.3);padding:0 0 14px;overscroll-behavior:contain}
.a11y-panel[hidden]{display:none}
.a11y-head{position:sticky;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px 10px;border-bottom:1px solid #ECF0F7;z-index:1}
.a11y-head h2{font-size:20px;line-height:1.2;margin:0;font-weight:700}
.a11y-close{width:40px;height:40px;border-radius:50%;border:0;background:#ECF0F7;color:#0F1B3D;font-size:22px;line-height:1;cursor:pointer}
.a11y-body{padding:12px 14px 0}
.a11y-size{display:flex;align-items:center;gap:8px;background:#E8EEFB;border-radius:14px;padding:10px 12px;margin-bottom:10px}
.a11y-size>span{flex:1;font-weight:700;font-size:16px}
.a11y-size button{width:44px;height:44px;border-radius:12px;border:2px solid #0038B8;background:#fff;color:#0038B8;font:700 20px/1 inherit;cursor:pointer}
.a11y-size button:disabled{opacity:.4;cursor:not-allowed}
.a11y-level{min-width:42px;text-align:center;font-weight:700;font-size:16px}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a11y-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:76px;padding:10px 8px;border-radius:14px;border:2px solid #D3DAE8;background:#fff;color:#0F1B3D;cursor:pointer;font:700 14.5px/1.2 inherit;text-align:center;-webkit-tap-highlight-color:transparent}
.a11y-opt svg{width:26px;height:26px;flex:none}
.a11y-opt[aria-pressed="true"]{background:#0038B8;border-color:#0038B8;color:#fff}
.a11y-foot{display:grid;gap:8px;padding:12px 14px 0}
.a11y-reset{min-height:46px;border-radius:14px;border:2px solid #0A2A8A;background:#fff;color:#0A2A8A;font:700 16px/1 inherit;cursor:pointer}
.a11y-link{display:block;text-align:center;color:#0038B8;font-weight:700;font-size:15px;padding:8px;text-decoration:underline}

.a11y-guide{position:fixed;left:0;right:0;height:44px;z-index:9990;pointer-events:none;background:rgba(0,56,184,.14);border-block:3px solid #0F1B3D;display:none}
html.a11y-guide-on .a11y-guide{display:block}

/* ---- display modes (applied on <html>) ---- */

/* text size: scales every rem-based font size on the page (the widget uses px and is unaffected) */
html.a11y-zoom-1{font-size:112.5%}
html.a11y-zoom-2{font-size:125%}
html.a11y-zoom-3{font-size:150%}

/* high contrast: pure black on white, strong borders */
html.a11y-contrast{--ink:#000;--g700:#000;--g600:#000;--g300:#000;--g100:#fff;--g50:#fff;--blue-t:#0033A0;--red-t:#00206B;--green-t:#00206B;--orange-t:#00206B;--yellow-t:#00206B;--violet-t:#00206B}
html.a11y-contrast body{color:#000;background:#fff}
html.a11y-contrast .card,html.a11y-contrast .value,html.a11y-contrast .goal,html.a11y-contrast .point,html.a11y-contrast .list,html.a11y-contrast .steps li,html.a11y-contrast .labels-col,html.a11y-contrast .channel,html.a11y-contrast .faq details,html.a11y-contrast .panel,html.a11y-contrast .quote{border:2px solid #000}
html.a11y-contrast .chip{background:#fff;border-color:#000;color:#000}
html.a11y-contrast .btn-primary{background:#000;color:#fff}
html.a11y-contrast .btn-ghost{border-color:#000}
html.a11y-contrast .hero,html.a11y-contrast .site-footer,html.a11y-contrast .section.tinted{background:#fff}
html.a11y-contrast .section.tinted{border-block:3px solid #000}

/* inverted (dark) contrast and grayscale */
html.a11y-invert body{background:#000}
html.a11y-invert body>:not(.a11y-root):not(.spectrum-bar):not(.skip):not(script){filter:invert(1) hue-rotate(180deg)}
html.a11y-invert img,html.a11y-invert video{filter:invert(1) hue-rotate(180deg)}
html.a11y-gray body>:not(.a11y-root):not(.spectrum-bar):not(.skip):not(script){filter:grayscale(1)}
html.a11y-invert.a11y-gray body>:not(.a11y-root):not(.spectrum-bar):not(.skip):not(script){filter:invert(1) hue-rotate(180deg) grayscale(1)}

/* links, headings, fonts, spacing, cursor, motion */
html.a11y-links a:not(.a11y-root a){text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:2px!important}
html.a11y-links a:not(.a11y-root a):not(.btn):not(.channel){color:#0033A0}
html.a11y-heads h1,html.a11y-heads h2,html.a11y-heads h3,html.a11y-heads summary{background:#D0DCF6!important;color:#000!important;outline:2px solid #0F1B3D;outline-offset:4px;border-radius:4px}
html.a11y-font body *:not(.a11y-root):not(.a11y-root *){font-family:Arial,"Arial Hebrew",Helvetica,sans-serif!important}
html.a11y-spacing body *:not(.a11y-root):not(.a11y-root *){line-height:1.9!important;letter-spacing:.04em!important;word-spacing:.14em!important}
html.a11y-cursor,html.a11y-cursor body *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24'><path d='M3 2l7 19 3-8 8-3z' fill='black' stroke='white' stroke-width='1.5' stroke-linejoin='round'/></svg>") 4 2,auto!important}
html.a11y-still *,html.a11y-still *::before,html.a11y-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-still .reveal{opacity:1!important;transform:none!important}
html.a11y-focus *:focus-visible{outline:4px solid #0038B8!important;outline-offset:3px!important;box-shadow:0 0 0 7px #fff,0 0 0 10px #0F1B3D!important}

.a11y-opt:last-child:nth-child(odd){grid-column:1/-1}

@media (max-width:600px){
  .a11y-fab{width:50px;height:50px;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom))}
  .a11y-fab svg{width:30px;height:30px}
  .a11y-panel{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));width:auto;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 60px);max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px)}
  .a11y-opt{min-height:70px;font-size:14px}
}
@media (max-height:520px){
  .a11y-panel{max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px)}
}

/* no splash, and no moving logo, when animations are stopped */
html.a11y-still .splash{display:none!important}
