#a11y-toggle { position: fixed; right: 22px; bottom: 22px; z-index: 2147483000; width: 54px; height: 54px; padding: 0; display: flex; align-items: center; justify-content: center; color: #fff; background: #24466f; border: 0; border-radius: 50%; box-shadow: 0 4px 14px rgba(0,0,0,.28); cursor: pointer; }
#a11y-toggle svg { width: 28px; height: 28px; }
#a11y-toggle:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
#a11y-panel { position: fixed; inset: 0 0 0 auto; z-index: 2147483001; width: 320px; max-width: 90vw; height: 100vh; padding: 24px 20px 32px; overflow-y: auto; direction: rtl; text-align: right; color: #182432; background: #fff; box-shadow: -4px 0 20px rgba(0,0,0,.24); transform: translateX(100%); transition: transform .3s ease; }
#a11y-panel.open { transform: translateX(0); }
#a11y-panel h2 { margin: 0 0 16px; color: #24466f; font-size: 1.25rem; }
#a11y-panel .a11y-close { position: absolute; top: 10px; left: 12px; padding: 4px 9px; color: #182432; background: transparent; border: 0; border-radius: 6px; font-size: 1.6rem; cursor: pointer; }
#a11y-panel .a11y-btn { display: block; width: 100%; margin: 0 0 8px; padding: 10px 14px; text-align: right; color: #182432; background: #edf5fa; border: 1px solid #cbd9e3; border-radius: 8px; font: inherit; cursor: pointer; }
#a11y-panel .a11y-btn:hover, #a11y-panel .a11y-btn:focus-visible { background: #dcecf6; outline: 2px solid #24466f; outline-offset: 1px; }
#a11y-panel .a11y-report { margin-top: 20px; padding-top: 16px; border-top: 1px solid #d6e0e8; font-size: .9rem; }
html.a11y-contrast { filter: contrast(1.3); }
html.a11y-invert { filter: invert(1) hue-rotate(180deg); }
html.a11y-grayscale img { filter: grayscale(1); }
html.a11y-underline a { text-decoration: underline !important; }
html.a11y-readable body, html.a11y-readable body * { font-family: Arial, sans-serif !important; letter-spacing: .3px; }
html.a11y-no-anim *, html.a11y-no-anim *::before, html.a11y-no-anim *::after { animation-duration: 0ms !important; animation-iteration-count: 1 !important; transition-duration: 0ms !important; scroll-behavior: auto !important; }
@media (max-width: 480px) { #a11y-panel { width: 100vw; max-width: 100vw; } #a11y-toggle { right: 16px; bottom: 16px; width: 48px; height: 48px; } }
@media print { #a11y-toggle, #a11y-panel { display: none !important; } }