/* Accessibility controls stay readable and usable independently of page adjustments. */
[hidden]{display:none!important}
.a11y-toggle{position:fixed;bottom:20px;left:20px;z-index:9000;display:flex;align-items:center;gap:8px;border:2px solid #fff;border-radius:50px;background:#1848c4;color:#fff;min-height:50px;padding:10px 16px;font:700 16px/1.4 system-ui;cursor:pointer;box-shadow:0 4px 18px #141b2630}
.a11y-toggle svg,.a11y-header svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;flex:none}
.a11y-count{display:grid;place-items:center;border-radius:50%;background:#fff;color:#1848c4;min-width:23px;height:23px;font-size:12px}
dialog.a11y-panel{position:fixed;inset:16px auto 16px 16px;margin:0;width:min(420px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px);padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #cad4e5;border-radius:20px;box-shadow:0 16px 60px #172a4b40;background:#f5f7fb;color:#172337;font:16px/1.5 system-ui,"Segoe UI",Arial;direction:rtl;text-align:right}
dialog.a11y-panel:not([open]){display:none}
.a11y-panel::backdrop{background:rgb(13 27 50 / 22%)}
.a11y-panel .a11y-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:20px;background:#1848c4;color:#fff}
.a11y-header>div{display:flex;align-items:center;gap:12px}
.a11y-panel .a11y-header h2{font-size:21px;line-height:1.4;color:#fff;margin:0}
.a11y-panel .a11y-header p{font-size:12px;color:#e4ecff;margin:4px 0 0}
.a11y-panel button,.a11y-panel select{font:inherit;cursor:pointer;min-height:44px;border:1px solid #bbc7db;border-radius:10px;background:#fff;color:#172337}
.a11y-panel button{display:block;width:auto;text-align:center;margin:0;padding:10px}
.a11y-panel button:hover{border-color:#1848c4;background:#edf2ff}
.a11y-panel button:disabled{opacity:.45;cursor:not-allowed}
.a11y-panel .a11y-close{display:grid;place-items:center;flex:none;background:#ffffff1a;border-color:#ffffff70;color:#fff;width:44px;height:44px;padding:0;font-size:28px}
.a11y-body{padding:20px}
.a11y-section{margin:0 0 22px}
.a11y-section h3,.a11y-section label{display:block;font-size:15px;font-weight:700;margin:0 0 10px;color:#26344c}
.a11y-stepper{display:grid;grid-template-columns:52px 1fr 52px;gap:10px;align-items:center;background:#fff;padding:7px;border:1px solid #d8e0ed;border-radius:12px;direction:rtl}
.a11y-stepper button{font-weight:700;font-size:20px}
.a11y-stepper output{text-align:center;font-size:23px;font-weight:700;font-variant-numeric:tabular-nums;direction:ltr;color:#1848c4}
.a11y-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.a11y-panel .a11y-colors button{padding:10px 5px;font-size:13px}
.a11y-panel button[data-contrast="dark"]{background:#162238;color:#fff}
.a11y-panel button[aria-pressed="true"]{border:2px solid #1848c4;background:#e9f0ff;color:#12368b;box-shadow:inset 0 0 0 1px #fff}
.a11y-panel button[data-contrast="dark"][aria-pressed="true"]{background:#162238;color:#fff;outline:2px solid #1848c4;outline-offset:2px}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.a11y-panel .a11y-grid button{padding:12px 10px;text-align:right;min-height:76px}
.a11y-option-title{display:flex;align-items:center;justify-content:space-between;gap:4px;font-weight:650;font-size:14px}
.a11y-check{visibility:hidden;color:#1848c4}
[aria-pressed="true"] .a11y-check{visibility:visible}
.a11y-grid small{display:block;color:#526079;font-size:11px;margin-top:5px}
.a11y-panel .a11y-hint{font-size:12px;color:#526079;line-height:1.65;margin:8px 0 0}
.a11y-panel select{width:100%;padding:10px;direction:rtl;text-align:right}
.a11y-panel .a11y-reset{width:100%;color:#1848c4;font-weight:650}
.a11y-panel .a11y-status{font-size:13px;color:#1848c4;min-height:20px;margin:10px 0}
.a11y-panel .a11y-save{text-align:center}
.a11y-panel .a11y-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;border-top:1px solid #d8e0ed;background:#fff;padding:14px;margin:0}
.a11y-panel .a11y-footer a{display:inline-block;width:auto;border:0;border-radius:0;background:none;color:#1848c4;font-size:12px;min-height:44px;line-height:24px;padding:10px 0;margin:0;text-decoration:underline;text-align:center}
.a11y-panel :focus-visible,.a11y-toggle:focus-visible{outline:3px solid #a34100;outline-offset:3px}
.a11y-links a:not([data-a11y-ui], [data-a11y-ui] *){text-decoration:underline!important;text-underline-offset:4px!important;outline:1px solid currentColor;outline-offset:2px}
.a11y-headings :is(h1,h2,h3,h4,h5,h6):not([data-a11y-ui] *){outline:2px solid #b55b00!important;outline-offset:4px!important}
.a11y-readable body :not([data-a11y-ui], [data-a11y-ui] *){font-family:Arial,"Segoe UI",sans-serif!important}
.a11y-spacing body :is(p,li,span,a,label,button,input,textarea,td,th,dt,dd,h1,h2,h3,h4):not([data-a11y-ui], [data-a11y-ui] *){line-height:1.9!important;letter-spacing:.06em!important;word-spacing:.14em!important}
.a11y-images :is(img,picture,video):not([data-a11y-ui] *){visibility:hidden!important}
.a11y-reduce *,.a11y-reduce *::before,.a11y-reduce *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.a11y-focus :focus-visible{outline:4px solid #bd4c00!important;outline-offset:5px!important;box-shadow:0 0 0 8px #fff!important}
.a11y-cursor,.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewBox='0 0 40 48'%3E%3Cpath d='M4 3v34l9-9 8 17 7-4-8-16h14Z' fill='black' stroke='white' stroke-width='3'/%3E%3C/svg%3E") 4 3,auto!important}
html[data-a11y-contrast="light"]{--a11y-paper:#fff;--a11y-ink:#111;--a11y-link:#0039a6;--a11y-border:#333}
html[data-a11y-contrast="dark"]{--a11y-paper:#101722;--a11y-ink:#fff;--a11y-link:#ffe071;--a11y-border:#c4cedf}
html[data-a11y-contrast]:not([data-a11y-contrast="normal"]) body,
html[data-a11y-contrast]:not([data-a11y-contrast="normal"]) body *:not([data-a11y-ui], [data-a11y-ui] *){background-color:var(--a11y-paper)!important;background-image:none!important;color:var(--a11y-ink)!important;border-color:var(--a11y-border)!important;text-shadow:none!important}
html[data-a11y-contrast]:not([data-a11y-contrast="normal"]) a:not([data-a11y-ui], [data-a11y-ui] *){color:var(--a11y-link)!important}
html[data-a11y-contrast]:not([data-a11y-contrast="normal"]) :is(button,input,select,textarea):not([data-a11y-ui], [data-a11y-ui] *){border:1px solid var(--a11y-border)!important}
.a11y-guide{position:fixed;left:0;right:0;height:4px;z-index:8990;background:#f9ba34;border:1px solid #171717;pointer-events:none}
.a11y-guide.a11y-mask{height:110px;transform:translateY(-50%);background:transparent;border:2px solid #ffc443;box-shadow:0 0 0 100vmax rgb(0 0 0 / 58%)}
@media(max-width:480px){dialog.a11y-panel{inset:8px auto 8px 8px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.a11y-body{padding:16px}.a11y-panel .a11y-header{padding:16px}.a11y-toggle{bottom:12px;left:12px}.a11y-grid{gap:8px}}
@media print{.a11y-panel,.a11y-toggle,.a11y-guide{display:none!important}}
