:root { --a11y-scale: 1; }
html { font-size: calc(100% * var(--a11y-scale)); }
.a11y-skip { position:fixed;top:8px;right:12px;z-index:100000;transform:translateY(-160%);padding:.7rem 1rem;border-radius:10px;background:#fff;color:#07111f;font-weight:900;text-decoration:none; }
.a11y-skip:focus { transform:none;outline:3px solid #ffbf47; }
.a11y-trigger { position:fixed;left:18px;bottom:18px;z-index:99990;width:54px;height:54px;border-radius:50%;border:2px solid #fff;background:#075da8;color:#fff;font:900 1.35rem/1 Arial;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35); }
.a11y-trigger:focus-visible,.a11y-panel button:focus-visible,.a11y-panel a:focus-visible { outline:3px solid #ffbf47;outline-offset:3px; }
.a11y-panel { position:fixed;inset:auto 18px 84px auto;z-index:99999;width:min(360px,calc(100vw - 28px));max-height:min(620px,calc(100vh - 110px));overflow:auto;padding:1rem;border:2px solid #7ee1ff;border-radius:20px;background:#071522;color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.58);direction:rtl;font-family:Arial,sans-serif; }
.a11y-panel[hidden] { display:none; }
.a11y-head { display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem; }
.a11y-head h2 { margin:0;font-size:1.25rem; }
.a11y-close { width:38px;height:38px;border-radius:50%;border:1px solid #6d8da5;background:#102b40;color:#fff;font-size:1.25rem;cursor:pointer; }
.a11y-grid { display:grid;grid-template-columns:1fr 1fr;gap:.6rem; }
.a11y-action { min-height:58px;padding:.7rem;border:1px solid #496b84;border-radius:12px;background:#102b40;color:#fff;font:800 .9rem Arial;cursor:pointer; }
.a11y-action[aria-pressed="true"] { background:#fff;color:#07111f;border-color:#fff; }
.a11y-statement { display:block;margin-top:.8rem;padding:.8rem;border-radius:12px;background:#0d76c8;color:#fff;text-align:center;text-decoration:none;font-weight:900; }
.a11y-note { margin:.75rem 0 0;color:#c5d9e8;font-size:.8rem;line-height:1.55; }
html.a11y-contrast body { background:#000 !important;color:#fff !important; }
html.a11y-contrast body *:not(img):not(video):not(svg) { border-color:#fff !important;text-shadow:none !important;box-shadow:none !important; }
html.a11y-contrast a { color:#ffeb3b !important; }
html.a11y-grayscale { filter:grayscale(1); }
html.a11y-links a { text-decoration:underline !important;text-decoration-thickness:3px !important;text-underline-offset:4px !important; }
html.a11y-readable body,html.a11y-readable body * { font-family:Arial,sans-serif !important;letter-spacing:.02em !important; }
html.a11y-no-motion *,html.a11y-no-motion *::before,html.a11y-no-motion *::after { animation:none !important;transition:none !important;scroll-behavior:auto !important; }
html.a11y-big-cursor,html.a11y-big-cursor * { cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath d='M3 2l24 20-11 1 6 10-5 2-6-11-8 8z' fill='white' stroke='black' stroke-width='2'/%3E%3C/svg%3E") 3 2,auto !important; }
body :focus-visible { outline:3px solid #ffbf47 !important;outline-offset:3px !important; }
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media(max-width:520px){.a11y-trigger{left:12px;bottom:12px}.a11y-panel{right:14px;bottom:76px}.a11y-grid{grid-template-columns:1fr 1fr}}