/* =================================== */
        /* UNIVERSAL ACCESSIBILITY WIDGET CSS */
        /* =================================== */
        :root {
          /* Primary Navy Theme */
          --navy-primary: #0b3d91;         /* Main navy */
          --navy-secondary: #1d4f91;       /* Slightly lighter navy */
          --navy-accent: #173f6e;          /* Darker accent */
          --navy-text: #ffffff;             /* Text on dark background (WCAG AA+) */
          --navy-border: #1a3a72;           /* Borders and dividers */
          --navy-shadow: rgba(0, 0, 0, 0.4);/* Shadow for cards/panels */

          /* Professional Supporting Color */
          --gold-accent: #f0b429;           /* Warm gold complements navy, good for highlights/buttons */

          /* Gradient Colors */
          --gradient-primary: linear-gradient(135deg, #0b3d91, #1d4f91);  /* Navy gradient */
          --gradient-accent: linear-gradient(135deg, #173f6e, #234a8f);   /* Dark accent gradient */

          /* Neutral Colors */
          --white: #ffffff;
          --light-gray: #f5f5f5;
          --dark-gray: #333333;
        }

        #universal-Accessibility-widget {
            position: fixed ;
            top: 20px ;
            right: 20px;
            z-index: 2147483647; /* Highest z-index */
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
            font-size: 14px;
            line-height: 1.4;
            color: #333;
            box-sizing: border-box;
        }

        .Accessibility-invert {
            filter: invert(1);
            -webkit-filter: invert(1);
            -moz-filter: invert(1);
            background: var(--navy-text);
        }

 

        #universal-Accessibility-trigger:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 25px rgba(255, 107, 53, 0.6);
        }

        #universal-Accessibility-panel {
            position: absolute;
            top: 20px;
    		right: 0px;
            width: 380px;
            background: white;
            border: 1px solid #e2e8f0 ;
            border-radius: 12px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2) ;
            transform: translateX(20px) scale(0.9) ;
            opacity: 0 ;
            visibility: hidden;
            transition: all 0.3s ease;
            max-height: 500px;
            overflow-y: auto;
        }

        #universal-Accessibility-panel.show {
            transform: translateX(0) scale(1);
            opacity: 1;
            visibility: visible;
        }

        .Accessibility-header {
            background: var(--color-navy-dark);
            color: white;
            padding: 10px 15px;
            border-radius: 12px 12px 0 0 ;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 20px;
            margin: 0;
        }

        .Accessibility-close {
            background: none;
            border: none;
            color: white;
            font-size: 35px;
            cursor: pointer;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 4px;
            transition: background 0.2s ease;
        }
        .Accessibility-close:hover {
            background: rgba(255, 255, 255, 0.2);
        }

        .Accessibility-content {
            padding: 20px;
        }

        .Accessibility-text-section {
            background: #f8f9fa ;
            border-radius: 8px;
            padding: 0 0  15px 0px;
        }

        .Accessibility-text-section h4 {
            margin: 0 0 10px 0;
            font-weight: 700;
            display: flex ;
            align-items: center;
            font-size: 15px;
        }
        .colorAdj .Accessibility-text-section, .otherOption .Accessibility-text-section{
           padding: 0 0  0px 0px; 
        }

        .otherOption h4 svg, .colorAdj h4 svg {
            width: 20px;
            height: 20px;
        }
        .Accessibility-text-controls {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

    .Accessibility-text-btn {
        width: 36px;
        height: 36px;
        border-radius: 6px;
        background: #e2e8f0;
        font-size: 27px;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.2s ease;
        display: flex;
        align-items: center;
        justify-content: center ;
        border: 1px solid #a7a4a4;
    }

        .Accessibility-text-btn:hover {
            background: #cbd5e0;
            transform: scale(1.05) ;
        }

        .Accessibility-text-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
            transform: none;
        }

        .Accessibility-text-display
             {
                background: white;
                border: 1px solid #b5b6b9;
                border-radius: 6px;
                padding: 8px 12px;
                font-weight: 600;
                color: #2d3748;
                min-width: 190px;
                text-align: center;
            }

        .Accessibility-features {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            margin-bottom: 15px;
        }

        .Accessibility-feature {
            background: #eaebed;
            border: 2px solid #b9b9b9;
            border-radius: 8px;
            padding: 12px 8px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
            min-height: 70px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: relative;
        }

        .Accessibility-feature:hover, .Accessibility-feature.active {
            border-color:var(--color-navy-dark);
            background: #0b488e26;
        }
        .Accessibility-feature.active:after {
            position: absolute;
            content: '\f058';
            font-family: 'Font Awesome 6 Free';
            right: 8px;
            top: 5px;
            font-size: 24px;
            color: var(--color-navy-dark);
            font-weight: 900;
        }
        .Accessibility-feature:hover .Accessibility-feature-label, .Accessibility-feature.active .Accessibility-feature-label{
                color: var(--color-navy-dark);
            }
        .Accessibility-feature-icon {
            font-size: 20px;
            margin-bottom: 4px;
            display: block;
        }

        .Accessibility-feature-label {
            font-size: 16px;
            font-weight: 600;
            line-height: 1.2;
            color: #1e2124;
        }

        .Accessibility-reset {
            width: 100%;
            background: var(--color-navy-dark);
            color: white;
            border: none;
            padding: 12px;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            margin-bottom: 15px;
            transition: all 0.3s ease;
        }
		
		.Accessibility-reset:hover, .Accessibility-reset:focus{
			background: var(--color-saffron-dark);
		}	


        .Accessibility-position h4 {
            margin: 0 0 12px 0;
            font-size: 13px;
            font-weight: 600;
            color: #1e2124;
        }

        /* ========================================= */
        /* ACCESSIBILITY FEATURES - Apply to <body> */
        /* ========================================= */
        /* Font Resize Fix - 3 Levels */
        /*body.Accessibility-text-1 *:not(#universal-Accessibility-widget):not(#universal-Accessibility-widget *) {
            font-size: calc(16px + 2px) !important;
        }
        body.Accessibility-text-2 *:not(#universal-Accessibility-widget):not(#universal-Accessibility-widget *) {
            font-size: calc(16px + 4px) !important;
        }
        body.Accessibility-text-3 *:not(#universal-Accessibility-widget):not(#universal-Accessibility-widget *) {
            font-size: calc(16px + 6px) !important;
        }*/

        /* Highlight Title */
        body.Accessibility-title h1, body.Accessibility-title h2, body.Accessibility-title h3, body.Accessibility-title h4, body.Accessibility-title h5 {
            background: #fff9c4 !important;
            color: #000;
            padding: 6px 4px;
            -webkit-text-fill-color: var(--color-secondary-dark) !important;
        }

        /* Highlight Links */
        body.Accessibility-links *:not(#universal-Accessibility-widget):not(#universal-Accessibility-widget *) a {
            background: #ffeb3b !important;
            color: #000 !important;
            padding: 2px 4px !important;
            border-radius: 3px !important;
            text-decoration: none !important;
        }

        /* Text Spacing */
        body.Accessibility-spacing *:not(#universal-Accessibility-widget):not(#universal-Accessibility-widget *) {
            letter-spacing: 1.5px !important;
            word-spacing: 4px !important;
        }

        /* Line Height */
        body.Accessibility-lineheight *:not(#universal-Accessibility-widget):not(#universal-Accessibility-widget *) {
            line-height: 2 !important;
        }

        /* Dyslexia Font */
        body.Accessibility-dyslexia *:not(#universal-Accessibility-widget):not(#universal-Accessibility-widget *) {
            font-family: 'Comic Sans MS', 'Trebuchet MS', cursive !important;
        }

        /* Pause Animations */
        body.Accessibility-animations *:not(#universal-Accessibility-widget):not(#universal-Accessibility-widget *) {
            animation-play-state: paused !important;
            animation-duration: 0s !important;
            transition: none !important;
        }

        /* Hide Images */
        body.Accessibility-images *:not(#universal-Accessibility-widget):not(#universal-Accessibility-widget *) img {
            opacity: 0 !important;
            visibility: hidden !important;
        }

        /* Custom Cursor - ADJUSTED to big round cursor (instead of crosshair) */
         .Accessibility-cursor,
             .Accessibility-cursor * {
              cursor: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="29.188px" height="43.625px" viewBox="0 0 29.188 43.625" enable-background="new 0 0 29.188 43.625" xml:space="preserve"><g><polygon fill="%23FFFFFF" stroke="%23D9DAD9" stroke-width="1.1406" stroke-miterlimit="10" points="2.8,4.549 26.847,19.902 16.964,22.701 24.239,37.749 18.278,42.017 9.741,30.724 1.138,35.809 "/><g><g><g><path fill="%23212627" d="M29.175,21.155c0.071-0.613-0.165-1.253-0.635-1.573L2.165,0.258c-0.424-0.32-0.988-0.346-1.435-0.053C0.282,0.497,0,1.03,0,1.617v34.171c0,0.613,0.306,1.146,0.776,1.439c0.471,0.267,1.059,0.213,1.482-0.16l7.482-6.344l6.847,12.155c0.259,0.48,0.729,0.746,1.2,0.746c0.235,0,0.494-0.08,0.706-0.213l6.988-4.585c0.329-0.213,0.565-0.586,0.659-1.013c0.094-0.426,0.024-0.88-0.188-1.226l-6.376-11.382l8.611-2.745C28.705,22.274,29.105,21.768,29.175,21.155z M16.964,22.701c-0.424,0.133-0.776,0.506-0.941,0.96c-0.165,0.48-0.118,1.013,0.118,1.439l6.588,11.781l-4.541,2.985l-6.894-12.315c-0.212-0.373-0.541-0.64-0.941-0.72c-0.094-0.027-0.165-0.027-0.259-0.027c-0.306,0-0.588,0.107-0.847,0.32L2.8,32.59V4.549l21.599,15.806L16.964,22.701z"/></g></g></g></g></svg>') 10 10, auto !important;
            }


        /* Light-dark Mode) */
        .Accessibility-DarkMode, .Accessibility-DarkMode * {
            background: #000;
            color: #fff !important;
        }
        /* Justify Text (original) */
        body.Accessibility-justify *:not(#universal-Accessibility-widget):not(#universal-Accessibility-widget *) {
            text-align: justify !important;
        }

        /* Text Align modes (ADDED) */
        body.Accessibility-align-left *:not(#universal-Accessibility-widget):not(#universal-Accessibility-widget *) {
            text-align: left !important;
        }
        body.Accessibility-align-center *:not(#universal-Accessibility-widget):not(#universal-Accessibility-widget *) {
            text-align: center !important;
        }
        body.Accessibility-align-right *:not(#universal-Accessibility-widget):not(#universal-Accessibility-widget *) {
            text-align: right !important;
        }

        /* ADHD Mode (NEW): highlight focusable elements with subtle pulse */
        body.Accessibility-adhd *:focus {
            outline: 3px solid #ff6b35 !important;
            box-shadow: 0 0 0 6px rgba(255,107,53,0.08) !important;
            animation: Accessibility-adhd-pulse 1.2s infinite;
        }
        .reading-mask-horizontal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        pointer-events: none;
        z-index: 9999999;
        mix-blend-mode: multiply;
        display: none; /* start hidden */
        transition: background-position 0.05s;
        background-image: linear-gradient(
        to bottom,
        hsla(0, 0%, 0%, 0.7) 0%,
        rgba(0, 0, 0, 0.7) calc(var(--y, 50%) - 80px),
        transparent calc(var(--y, 50%) - 80px),
        transparent calc(var(--y, 50%) + 80px),
        rgba(0, 0, 0, 0.7) calc(var(--y, 50%) + 80px),
        rgba(0, 0, 0, 0.7) 100%
            );
            filter: saturate(0.5) !important;
        }
        @keyframes Accessibility-adhd-pulse {
            0% { box-shadow: 0 0 0 4px rgba(255,107,53,0.06); }
            50% { box-shadow: 0 0 0 8px rgba(255,107,53,0.10); }
            100% { box-shadow: 0 0 0 4px rgba(255,107,53,0.06); }
        }


        /* Responsive */
    @media (max-width: 768px) {
        #universal-Accessibility-panel {
            width: 60%;
            right: 0;
            position: fixed;
        }
    }

     @media (max-width: 680px) {
        #universal-Accessibility-panel {
            width: 70%;
        }
    }

    @media (max-width: 575px) {
        #universal-Accessibility-panel {
            width: 90%;
        }
        .Accessibility-content {
            padding: 10px;
        }
    }

     @media (max-width: 375px) {
        #universal-Accessibility-panel {
            width: 97%;
        }
    }