#tpa-toolbar {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    z-index: 9999;
}

#tpa-toolbar button {
    position: relative;
    padding: 0.5rem;
    width: 3rem;
    height: 3rem;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#tpa-toolbar svg {
    width: 1.5rem;
    height: 1.5rem;
}

#tpa-toolbar button.tpa-active {
    background: #fff;
    color: #000;
    outline: 2px solid #000;
}

#tpa-toolbar .tpa-tooltip {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    color: #fff;
    padding: 0.25rem 0.5rem;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    margin-left: 0.5rem;
    font-size: 0.875rem;
}

#tpa-toolbar button:hover .tpa-tooltip,
#tpa-toolbar button:focus .tpa-tooltip {
    opacity: 1;
}

body.tpa-high-contrast,
body.tpa-high-contrast * {
    background-color: #000 !important;
    color: #fff !important;
}

body.tpa-high-contrast a {
    color: #0ff !important;
}

body.tpa-high-contrast #tpa-toolbar button.tpa-active {
    background: #fff !important;
    color: #000 !important;
}

body.tpa-dyslexic,
body.tpa-dyslexic *:not(i):not(svg):not([class*="icon"]):not([class*="dashicon"]):not(.fa):not([class*="fa-"]) {
    font-family: 'OpenDyslexic', sans-serif !important;
}

body.tpa-dyslexic #tpa-toolbar,
body.tpa-dyslexic #tpa-toolbar * {
    font-family: initial !important;
    font-size: initial !important;
}

body.tpa-dyslexic {
    font-size: 18px !important;
}

body.tpa-dyslexic div:not(#tpa-toolbar):not([class*="icon"]):not([class*="dashicon"]):not(.fa):not([class*="fa-"]) {
    font-size: 18px !important;
}

body.tpa-dyslexic h1 {
    font-size: 40px !important;
}

body.tpa-dyslexic h2 {
    font-size: 34px !important;
}

body.tpa-dyslexic h3 {
    font-size: 24px !important;
}

body.tpa-dyslexic h4 {
    font-size: 20px !important;
}

body.tpa-dyslexic h5 {
    font-size: 18px !important;
}

body.tpa-dyslexic h6 {
    font-size: 16px !important;
}

body.tpa-dyslexic h1,
body.tpa-dyslexic h2,
body.tpa-dyslexic h3,
body.tpa-dyslexic h4,
body.tpa-dyslexic h5,
body.tpa-dyslexic h6,
body.tpa-dyslexic strong,
body.tpa-dyslexic b {
    font-weight: 700 !important;
}

body.tpa-dyslexic a {
    font-style: italic !important;
}