/*! Rango Accessibility Widget — self-hosted, no external deps. */
#rango-a11y-btn{position:fixed;bottom:20px;left:20px;z-index:2147483000;width:52px;height:52px;border-radius:50%;background:#1a56db;color:#fff;border:2px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
#rango-a11y-btn svg{width:28px;height:28px;fill:#fff;pointer-events:none}
#rango-a11y-btn:hover,#rango-a11y-btn:focus-visible{background:#1343ad}
#rango-a11y-btn:focus-visible{outline:3px solid #ffd43b;outline-offset:2px}
#rango-a11y-panel{position:fixed;bottom:82px;left:20px;z-index:2147483000;width:300px;max-width:calc(100vw - 40px);max-height:70vh;overflow-y:auto;background:#fff;color:#111;border-radius:10px;box-shadow:0 4px 24px rgba(0,0,0,.35);font:14px/1.4 Arial,Helvetica,sans-serif;padding:14px}
#rango-a11y-panel[hidden]{display:none}
#rango-a11y-panel h2{font-size:16px;margin:0 0 10px;color:#111}
#rango-a11y-panel p.rango-a11y-note{font-size:11px;color:#555;margin:0 0 12px}
.rango-a11y-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.rango-a11y-row span{flex:1}
.rango-a11y-row button,.rango-a11y-toggle{font:13px Arial,Helvetica,sans-serif;cursor:pointer;border-radius:6px;border:1px solid #888;background:#f3f4f6;color:#111;padding:6px 10px}
.rango-a11y-toggle[aria-pressed="true"]{background:#1a56db;color:#fff;border-color:#1a56db}
.rango-a11y-row button:focus-visible,.rango-a11y-toggle:focus-visible,#rango-a11y-close:focus-visible,#rango-a11y-reset:focus-visible{outline:3px solid #ffd43b;outline-offset:1px}
.rango-a11y-textbtns{display:flex;gap:4px}
.rango-a11y-textbtns button{width:30px;padding:4px 0}
#rango-a11y-reset{width:100%;margin-top:4px;background:#e5e7eb}
#rango-a11y-close{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:16px;cursor:pointer;color:#555;padding:2px 6px}

/* --- Applied preference states (scoped to <html>) --- */
html.rango-a11y-contrast,html.rango-a11y-contrast body{background:#000!important;color:#fff!important}
html.rango-a11y-contrast a{color:#ffd43b!important}
html.rango-a11y-contrast *:not(#rango-a11y-widget):not(#rango-a11y-widget *):not(img):not(svg):not(video):not(picture){background-color:#000!important;color:#fff!important;border-color:#fff!important}

html.rango-a11y-dyslexia,html.rango-a11y-dyslexia body,html.rango-a11y-dyslexia p,html.rango-a11y-dyslexia span,html.rango-a11y-dyslexia li,html.rango-a11y-dyslexia a,html.rango-a11y-dyslexia h1,html.rango-a11y-dyslexia h2,html.rango-a11y-dyslexia h3,html.rango-a11y-dyslexia h4{font-family:Verdana,'Comic Sans MS',Tahoma,sans-serif!important;letter-spacing:.02em!important;word-spacing:.05em!important;line-height:1.6!important}

html.rango-a11y-underline a{text-decoration:underline!important}

html.rango-a11y-pause *,html.rango-a11y-pause *::before,html.rango-a11y-pause *::after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}

html.rango-a11y-cursor,html.rango-a11y-cursor *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24"><path d="M4 2l14 11-6 1 3 7-3 1-3-7-5 4z" fill="black" stroke="white" stroke-width="1.5"/></svg>') 2 2,auto!important}
