/* Accessibility toolbar widget — injected at runtime, safe from React hydration */ #a11y-toggle-btn { position: fixed; bottom: 22px; right: 22px; z-index: 999999; width: 56px; height: 56px; border-radius: 50%; background: #00376D; color: #fff; border: none; display: flex; align-items: center; justify-content: center; font-size: 28px; cursor: pointer; box-shadow: 0 4px 16px rgba(0,0,0,0.3); } #a11y-toggle-btn:hover { background: #14498a; } #a11y-toggle-btn:focus-visible { outline: 3px solid #C98A24; outline-offset: 3px; } #a11y-panel { position: fixed; bottom: 88px; right: 22px; z-index: 999999; width: 320px; max-width: calc(100vw - 32px); max-height: 70vh; overflow-y: auto; background: #fff; border-radius: 14px; box-shadow: 0 12px 40px rgba(0,0,0,0.28); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; display: none; } #a11y-panel.open { display: block; } #a11y-panel .a11y-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid #e5e5e5; background: #00376D; border-radius: 14px 14px 0 0; } #a11y-panel .a11y-header h2 { margin: 0; font-size: 16px; color: #fff; font-weight: 700; } #a11y-panel .a11y-close { background: none; border: none; color: #fff; font-size: 20px; line-height: 1; cursor: pointer; padding: 4px 8px; border-radius: 6px; } #a11y-panel .a11y-close:hover { background: rgba(255,255,255,0.15); } #a11y-panel .a11y-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 16px; } #a11y-panel .a11y-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 14px 8px; border: 1.5px solid #e0e0e0; border-radius: 10px; background: #fafafa; cursor: pointer; font-size: 12.5px; font-weight: 600; color: #22303C; text-align: center; line-height: 1.25; } #a11y-panel .a11y-item:hover { border-color: #00376D; background: #f0f4f9; } #a11y-panel .a11y-item:focus-visible { outline: 3px solid #C98A24; outline-offset: 2px; } #a11y-panel .a11y-item .a11y-icon { font-size: 22px; } #a11y-panel .a11y-item.active { background: #00376D; border-color: #00376D; color: #fff; } #a11y-panel .a11y-footer { padding: 12px 16px 16px; border-top: 1px solid #e5e5e5; } #a11y-panel .a11y-reset { width: 100%; padding: 11px; border-radius: 8px; border: 1.5px solid #00376D; background: #fff; color: #00376D; font-weight: 700; font-size: 13px; cursor: pointer; } #a11y-panel .a11y-reset:hover { background: #f0f4f9; } /* ===== Effect classes, applied to ===== */ html.a11y-contrast body { background: #fff !important; } html.a11y-contrast body * { background-color: #fff !important; color: #000 !important; border-color: #000 !important; } html.a11y-contrast a { color: #0000EE !important; text-decoration: underline !important; } html.a11y-contrast img { filter: grayscale(100%) contrast(120%); } html.a11y-highlight-links a { background: #ffef00 !important; color: #000 !important; text-decoration: underline !important; outline: 2px solid #000 !important; } html.a11y-text-lg { font-size: 118% !important; } html.a11y-text-xl { font-size: 136% !important; } html.a11y-text-spacing body * { letter-spacing: 0.06em !important; word-spacing: 0.12em !important; line-height: 1.9 !important; } html.a11y-pause-animations *, html.a11y-pause-animations *::before, html.a11y-pause-animations *::after { animation-play-state: paused !important; animation-duration: 0s !important; transition: none !important; scroll-behavior: auto !important; } html.a11y-hide-images img, html.a11y-hide-images svg:not(#a11y-toggle-btn svg) { opacity: 0 !important; visibility: hidden !important; } html.a11y-dyslexia body * { font-family: Verdana, Tahoma, "Trebuchet MS", sans-serif !important; letter-spacing: 0.03em !important; word-spacing: 0.08em !important; } html.a11y-cursor-lg, html.a11y-cursor-lg * { cursor: url('data:image/svg+xml;utf8,') 4 2, auto !important; } html.a11y-focus-visible *:focus { outline: 3px solid #C98A24 !important; outline-offset: 2px !important; }