/* Accessibility menu (Inbox request #181): a button on every page and a panel of display tools.
   The tools are classes on <html>, set before paint by the inline line in base.html and saved in localStorage 'rk-a11y'. */
.a11y-btn{position:fixed;bottom:20px;inset-inline-end:20px;z-index:31;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;
 background:#1d4e89;color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px -10px rgba(0,0,0,.45)}
.a11y-btn svg{width:30px;height:30px}
.a11y-btn:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}
.a11y-panel{position:fixed;bottom:84px;inset-inline-end:20px;z-index:61;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow-y:auto;
 overscroll-behavior:contain;background:#fff;color:#1f1f1f;border:1px solid #c9c9c9;border-radius:20px;box-shadow:0 24px 60px -20px rgba(0,0,0,.5);
 padding:16px 16px 14px;font:400 15px/1.45 'Heebo',system-ui,Arial,sans-serif;text-align:start}
.a11y-panel[hidden]{display:none}
.a11y-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.a11y-head h2{margin:0;font-size:19px;font-weight:600;color:#1f1f1f}
.a11y-x{width:40px;height:40px;border-radius:50%;border:1px solid #c9c9c9;background:#fff;color:#1f1f1f;cursor:pointer;display:grid;place-items:center;flex:none}
.a11y-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.a11y-size{display:flex;align-items:center;gap:8px;border:1px solid #d6d6d6;border-radius:14px;padding:8px 10px;margin-bottom:10px}
.a11y-size span{flex:1;font-weight:500}
.a11y-size output{min-width:44px;text-align:center;font-weight:600;direction:ltr}
.a11y-size button{width:42px;height:42px;border-radius:12px;border:1px solid #1d4e89;background:#fff;color:#1d4e89;font:600 20px/1 Arial,sans-serif;cursor:pointer}
.a11y-size button:disabled{opacity:.35;cursor:default}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a11y-t{display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 10px;border-radius:14px;border:1px solid #d6d6d6;background:#f6f6f6;color:#1f1f1f;
 font:500 14.5px/1.25 'Heebo',system-ui,Arial,sans-serif;text-align:start;cursor:pointer}
.a11y-t svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.a11y-t[aria-pressed=true]{background:#1d4e89;border-color:#1d4e89;color:#fff}
.a11y-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}
.a11y-reset{height:42px;padding:0 16px;border-radius:999px;border:1px solid #1f1f1f;background:#fff;color:#1f1f1f;font:500 14.5px 'Heebo',system-ui,Arial,sans-serif;cursor:pointer}
.a11y-foot a{color:#1d4e89;font-weight:500;text-decoration:underline}
.a11y-panel button:focus-visible,.a11y-panel a:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
@media (max-width:860px){
 .a11y-btn{width:48px;height:48px;bottom:16px;inset-inline-end:16px}
 .a11y-panel{bottom:76px;inset-inline-end:16px}
}

/* text size: a11y.js enlarges every text element's own font size (html.a11y-fs1..3), so the layout keeps its width and the text wraps */

/* high contrast: black page, white text, yellow links */
html.a11y-contrast body,html.a11y-contrast body *:not(svg):not(svg *):not(img):not(video):not(picture){
 background-color:#000!important;background-image:none!important;color:#fff!important;border-color:#fff!important;text-shadow:none!important;box-shadow:none!important}
html.a11y-contrast body a,html.a11y-contrast body a *{color:#ffe14d!important}
html.a11y-contrast .a11y-t[aria-pressed=true]{background-color:#ffe14d!important;color:#000!important}
html.a11y-contrast .a11y-t[aria-pressed=true] *{color:#000!important;background-color:transparent!important}
html.a11y-contrast .logo img,html.a11y-contrast .foot-logo,html.a11y-contrast .drawer-head img{filter:invert(1)}  /* the logo file is black on transparent: white on the black page */
html.a11y-contrast .p3-glare,html.a11y-contrast .p3-sheen,html.a11y-contrast .p3-gleam{display:none!important}

/* light background: white page, black text */
html.a11y-light body,html.a11y-light body *:not(svg):not(svg *):not(img):not(video):not(picture){
 background-color:#fff!important;background-image:none!important;color:#000!important;text-shadow:none!important}
html.a11y-light body a{color:#0b3d91!important}
html.a11y-light .a11y-t[aria-pressed=true],html.a11y-light .a11y-btn{background-color:#0b3d91!important;color:#fff!important}
html.a11y-light .a11y-t[aria-pressed=true] *{color:#fff!important;background-color:transparent!important}

/* grayscale */
html.a11y-gray{filter:grayscale(1)}

/* links stand out */
html.a11y-links body a{text-decoration:underline!important;text-underline-offset:3px;outline:2px solid currentColor;outline-offset:2px}

/* plain readable font */
html.a11y-font body,html.a11y-font body *:not(svg):not(svg *){font-family:Arial,'Heebo',system-ui,sans-serif!important;letter-spacing:normal}

/* line, word and letter spacing */
html.a11y-space body *:not(svg):not(svg *){line-height:1.9!important;letter-spacing:.06em!important;word-spacing:.12em!important}
html.a11y-space .a11y *{line-height:1.45!important;letter-spacing:normal!important;word-spacing:normal!important}

/* stop motion: no animation, no 3D movement (premium3d's .p3-live is removed by a11y.js) */
html.a11y-still *,html.a11y-still *::before,html.a11y-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-still .p3-tilt,html.a11y-still .p3-card,html.a11y-still .p3-depth{transform:none!important;opacity:1!important}

/* big cursor */
html.a11y-cursor,html.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 11-6.5 1 3.6 7-2.6 1.3-3.6-7L5 19z' fill='%23000' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") 4 2,auto!important}

/* strong keyboard focus */
html.a11y-focus :focus,html.a11y-focus :focus-visible{outline:4px solid #ffbf47!important;outline-offset:3px!important;box-shadow:0 0 0 7px #1d4e89!important}

/* the two round buttons sit over the footer's last line on a phone: leave room under it */
@media (max-width:860px){.foot-base{padding-bottom:84px}}

/* the statement page (/page/הצהרת-נגישות) */
.access .legal-body ul{color:var(--ink-2);padding-inline-start:22px;margin:0 0 12px}
.access .legal-body li{margin:4px 0}
.access-date{margin-top:26px;font-size:14px}