/* Soap Opera Mobile Detailing — Accessibility Overrides Toggled via data-a11y-* attributes on . Loaded as an external stylesheet so it passes Content-Security-Policy style-src 'self'. */ /* Contrast+ */ html[data-a11y-contrast] body > *:not(#soap-a11y-btn):not(#soap-a11y-panel):not(style):not(script) { filter: contrast(1.6) brightness(1.05) !important; } /* Highlight Links */ html[data-a11y-links] a:not([id^="soap-a11y"]) { outline: 3px solid #e4a15b !important; outline-offset: 2px !important; background: rgba(228, 161, 91, .15) !important; } /* Bigger Text */ html[data-a11y-bigger-text] { font-size: 120% !important; } /* Text Spacing */ html[data-a11y-text-spacing] * { letter-spacing: .12em !important; word-spacing: .16em !important; } /* Pause Animations */ html[data-a11y-pause-anims] *, html[data-a11y-pause-anims] *::before, html[data-a11y-pause-anims] *::after { animation-play-state: paused !important; transition: none !important; } /* Hide Images (content only — not SVG UI icons) */ html[data-a11y-hide-images] img, html[data-a11y-hide-images] picture, html[data-a11y-hide-images] video { visibility: hidden !important; } /* Dyslexia Font — Lexend loads via JS; Verdana is the immediate fallback on all platforms including iOS (where Comic Sans / OpenDyslexic are not installed). Verdana has wide letter spacing and clear b/d p/q distinction — visible change. */ html[data-a11y-dyslexia] * { font-family: 'Lexend', 'Verdana', 'Geneva', 'Comic Sans MS', Arial, sans-serif !important; } /* Bigger Cursor */ html[data-a11y-big-cursor] * { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='white' stroke='black' stroke-width='1' d='M5 3l14 9-7 2-4 7z'/%3E%3C/svg%3E") 5 3, auto !important; } /* Line Height */ html[data-a11y-line-height] * { line-height: 1.9 !important; }