.a11y-fab{position:fixed;right:18px;bottom:18px;z-index:120;width:52px;height:52px;border-radius:999px;background:#05467A;color:#fff;border:2px solid rgba(255,255,255,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(0,0,0,.35);transition:transform .2s} .a11y-fab:hover{transform:scale(1.07)} .a11y-panel{position:fixed;right:18px;bottom:80px;z-index:121;width:340px;max-width:calc(100vw - 36px);max-height:min(72vh,640px);overflow-y:auto;background:#fff;color:#13202F;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.4);padding:20px;display:none} .a11y-panel[data-open="true"]{display:block} .a11y-panel .a11y-title{font-size:18px;font-weight:700;margin:0 0 4px} .a11y-panel .a11y-sec{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#51637A;margin:16px 0 8px} .a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px} .a11y-tile{border:1px solid #D8E0E9;border-radius:10px;background:#F7FAFC;padding:10px 8px;font-size:13px;font-weight:500;cursor:pointer;color:#13202F;text-align:center} .a11y-tile[aria-pressed="true"]{background:#05467A;border-color:#05467A;color:#fff} .a11y-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0} .a11y-row .lbl{font-size:13px;font-weight:500} .a11y-seg{display:inline-flex;border:1px solid #D8E0E9;border-radius:10px;overflow:hidden} .a11y-seg button{border:0;background:#F7FAFC;padding:8px 10px;font-size:13px;font-weight:600;cursor:pointer;border-right:1px solid #D8E0E9;color:#13202F} .a11y-seg button:last-child{border-right:0} .a11y-seg button[aria-pressed="true"]{background:#05467A;color:#fff} .a11y-rate{flex:1} .a11y-reset{width:100%;margin-top:16px;border:1px solid #D8E0E9;border-radius:10px;background:#fff;padding:10px;font-size:13px;font-weight:600;cursor:pointer;color:#B3261E} .a11y-note{font-size:11.5px;color:#51637A;margin:10px 0 0;line-height:1.5} .a11y-note a{color:#05467A;text-decoration:underline} /* ===== effect classes (applied to ) ===== */ html.a11y-fs-1{font-size:112.5%}html.a11y-fs-2{font-size:125%}html.a11y-fs-3{font-size:137.5%} html.a11y-spacing body{letter-spacing:.08em!important;word-spacing:.16em!important;line-height:1.8!important} html.a11y-readable body, html.a11y-readable body *:not(.a11y-panel):not(.a11y-panel *){font-family:Arial,Verdana,Helvetica,sans-serif!important} html.a11y-links a{text-decoration:underline!important;background:#FFF176!important;color:#0A1522!important} html.a11y-headings h1,html.a11y-headings h2,html.a11y-headings h3,html.a11y-headings h4{background:#E3F2FD!important;color:#0A1522!important;outline:2px solid #05467A;outline-offset:2px} /* The color filters must NOT be applied to . An element with a filter becomes the containing block for its position:fixed descendants (CSS Filter Effects spec). Filtering therefore knocked the accessibility widget, the job sign and the fixed navigation out of the viewport - and because the widget went with them, the user could not reach "Reset all". Preferences persist in localStorage, so that state survived every page load. Filter the body's content children instead, skipping the fixed UI. Applying a filter TO a fixed element is safe; only fixed DESCENDANTS of a filtered element are affected. */ html.a11y-contrast body > *:not(.a11y-fab):not(.a11y-panel):not(.job-sign){filter:contrast(1.3)} html.a11y-invert body > *:not(.a11y-fab):not(.a11y-panel):not(.job-sign){filter:invert(1) hue-rotate(180deg)} html.a11y-invert body img,html.a11y-invert body video,html.a11y-invert body iframe{filter:invert(1) hue-rotate(180deg)} html.a11y-grayscale body > *:not(.a11y-fab):not(.a11y-panel):not(.job-sign){filter:grayscale(1)} html.a11y-contrast.a11y-grayscale body > *:not(.a11y-fab):not(.a11y-panel):not(.job-sign){filter:contrast(1.3) grayscale(1)} html.a11y-cursor, html.a11y-cursor *{cursor:url("data:image/svg+xml;utf8,") 4 2, auto!important} html.a11y-noAnim *,html.a11y-noAnim *::before,html.a11y-noAnim *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} html.a11y-readAloud body *:hover{outline:2px dashed #05467A;outline-offset:1px} .a11y-fab{right:auto;left:18px;background:#005DAA}.a11y-panel{right:auto;left:18px;color-scheme:light}.a11y-title{display:flex;justify-content:space-between;align-items:center}.a11y-title [data-close]{font-size:26px;background:none;border:0;color:#231F72;min-width:44px;min-height:44px}.a11y-panel button:focus-visible,.a11y-fab:focus-visible{outline:3px solid #005DAA;outline-offset:3px}.a11y-panel p{font-size:12px}.a11y-panel .a11y-rate{width:auto;min-width:0;padding:0}html.a11y-noAnim .brand-intro{display:none!important}html.a11y-noAnim .motion-reveal{opacity:1!important;transform:none!important}