@media all {
    /* start accessibility */
    #accessibility_intro .accessibility_group { grid-template-columns:2fr 1fr; gap:var(--spacing-3L); } 

    #accessibility_intro ul {text-align:center; }
    #accessibility_intro ul button { position:relative; display:block; padding:var(--spacing-1S); width:100%; color:var(--color-black); font-size:var(--font-size-0); font-weight:var(--font-weight-light); cursor:pointer; text-decoration:none; background-color:var(--color-white); border:1px var(--color-black) solid; border-radius:10px; }

    #accessibility_intro ul button.selected:after { content:""; position:absolute; top:var(--spacing-2S); right:var(--spacing-2S); width:var(--font-size-2L); height:var(--font-size-2L); color:var(--color-white); background-size:50%; background-repeat:no-repeat; background-position:center; border:1px var(--color-white) solid; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%230084ff' d='M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E"); z-index:10;  }

    #accessibility_intro ul button:hover,
    #accessibility_intro ul button:focus { text-decoration:underline !important; }

    #accessibility_intro ul.font_size_list button { color:#000000 !important; }

    #accessibility_intro ul.font_size_list li:nth-child(1) button[data-set="default"] { font-size:20px !important; }     /* 100% */
    #accessibility_intro ul.font_size_list li:nth-child(2) button[data-set="120"] { font-size:calc(var(--font-size-0) * 1.2) !important; }         /* 10% */

    #accessibility_intro ul.color_list button[data-set="default"] { color:black !important; background-color:white !important; }

    #accessibility_intro ul.color_list button[data-set="yellow-1"] { color:yellow !important; background-color:blue !important; border-color:white !important; }
    #accessibility_intro ul.color_list button[data-set="yellow-2"] { color:yellow !important; background-color:black !important; border-color:white !important; }

    #accessibility_intro ul.color_list button[data-set="green-1"] { color:green !important; background-color:white !important; }

    #accessibility_intro ul.color_list button[data-set="white-1"] { color:white !important; background-color:black !important; border-color:white !important; }
    #accessibility_intro ul.color_list button[data-set="white-2"] { color:white !important; background-color:darkred !important; border-color:white !important; }
    /* end side accessibility */
}

@media (max-width:1000px) {
    #accessibility_intro .accessibility_group { grid-template-columns:1fr; gap:var(--spacing-5L); }    
}

@media (max-width:700px) {
    ul.font_size_list,
    ul.color_list { grid-template-columns:1fr;}
}