
#odpc-a11y-btn{position:fixed;left:18px;bottom:18px;z-index:99990;width:46px;height:46px;min-width:46px;border-radius:50%;
 background:#2e3191;border:0;padding:0;box-sizing:border-box;cursor:grab;box-shadow:0 6px 18px rgba(0,0,0,.26);display:flex;align-items:center;justify-content:center;touch-action:none}
#odpc-a11y-btn:hover{filter:brightness(1.08)}#odpc-a11y-btn.dragging{cursor:grabbing}#odpc-a11y-btn svg{width:26px;height:26px;pointer-events:none}
#odpc-a11y-panel{position:fixed;left:20px;bottom:86px;z-index:99991;width:330px;max-width:92vw;max-height:76vh;overflow:auto;
 background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.32);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;display:none}
#odpc-a11y-panel.open{display:block}
#odpc-a11y-panel .hd{background:#2e3191;color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px;font-weight:700;border-radius:16px 16px 0 0;position:sticky;top:0}
#odpc-a11y-panel .hd .x{margin-left:auto;cursor:pointer;font-size:1.4rem;line-height:1}
#odpc-a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}
#odpc-a11y-grid button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;border:1.5px solid #e2e4ea;border-radius:11px;
 background:#fff;color:#1c2340;font:600 .78rem Inter,system-ui,sans-serif;cursor:pointer;text-align:center;min-height:68px;justify-content:center}
#odpc-a11y-grid button:hover{border-color:#2e3191}#odpc-a11y-grid button.on{background:#2e3191;color:#fff;border-color:#2e3191}
#odpc-a11y-grid button .i{font-size:1.25rem}
#odpc-a11y-grid .wide{grid-column:1/3;flex-direction:row;justify-content:center;gap:9px}
#odpc-a11y-panel .ft{padding:0 12px 14px;font-size:.72rem;color:#8a90ab;text-align:center}
#odpc-a11y-reading{position:fixed;left:0;right:0;height:40px;background:rgba(255,235,90,.28);border-top:2px solid #e3b505;border-bottom:2px solid #e3b505;pointer-events:none;z-index:99989;display:none}
/* applied states (on <html>) */
html.a11y-zoom1 body{zoom:1.12}html.a11y-zoom2 body{zoom:1.25}html.a11y-zoom3 body{zoom:1.4}
html.a11y-contrast body{filter:contrast(1.32) saturate(1.15)}
html.a11y-invert{filter:invert(1) hue-rotate(180deg) !important;background:#fff}html.a11y-invert img,html.a11y-invert video,html.a11y-invert iframe{filter:invert(1) hue-rotate(180deg) !important}
html.a11y-gray{filter:grayscale(1) !important}
html.a11y-links a{outline:2px solid #e3b505 !important;background:#143a8a !important;color:#fff !important;text-decoration:underline !important}
html.a11y-font body,html.a11y-font body *:not(i):not(svg):not(.fa):not([class*="icon"]){font-family:Verdana,Tahoma,Arial,sans-serif !important}
html.a11y-space p,html.a11y-space li,html.a11y-space span,html.a11y-space a,html.a11y-space td{letter-spacing:.06em !important;word-spacing:.14em !important;line-height:1.9 !important}
html.a11y-nomotion *,html.a11y-nomotion *::before,html.a11y-nomotion *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
html.a11y-noimg img{opacity:0 !important}
html.a11y-cursor,html.a11y-cursor *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'><path d='M4 2l7 18 2.5-7L21 11z' fill='%23111' stroke='%23fff' stroke-width='1.2'/></svg>") 4 2, auto !important}
