/* Text size accessibility toolbar */
.text-size-toolbar {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}

.text-size-label {
    color: #072254;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.text-size-btn {
    min-width: 34px;
    min-height: 32px;
    padding: 4px 8px;
    border: 1px solid #072254;
    border-radius: 3px;
    background: #fff;
    color: #072254;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}

    .text-size-btn:hover {
        background: #072254;
        color: #fff;
    }

    .text-size-btn:focus-visible {
        outline: 3px solid #f2552c;
        outline-offset: 2px;
    }

    .text-size-btn:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* Apply text scaling only to main page content */
#main-content.text-size-small {
    font-size: 90%;
}

#main-content.text-size-normal {
    font-size: 100%;
}

#main-content.text-size-large {
    font-size: 120%;
}

/* Text elements that need explicit scaling */
#main-content.text-size-small p,
#main-content.text-size-small li,
#main-content.text-size-small td,
#main-content.text-size-small th,
#main-content.text-size-small label,
#main-content.text-size-small a,
#main-content.text-size-small span,
#main-content.text-size-small h1,
#main-content.text-size-small h2,
#main-content.text-size-small h3,
#main-content.text-size-small h4,
#main-content.text-size-small h5,
#main-content.text-size-small h6,
#main-content.text-size-small input,
#main-content.text-size-small select,
#main-content.text-size-small textarea,
#main-content.text-size-small button {
    font-size: 90% !important;
}

#main-content.text-size-normal p,
#main-content.text-size-normal li,
#main-content.text-size-normal td,
#main-content.text-size-normal th,
#main-content.text-size-normal label,
#main-content.text-size-normal a,
#main-content.text-size-normal span,
#main-content.text-size-normal h1,
#main-content.text-size-normal h2,
#main-content.text-size-normal h3,
#main-content.text-size-normal h4,
#main-content.text-size-normal h5,
#main-content.text-size-normal h6,
#main-content.text-size-normal input,
#main-content.text-size-normal select,
#main-content.text-size-normal textarea,
#main-content.text-size-normal button {
    font-size: 100% !important;
}

#main-content.text-size-large p,
#main-content.text-size-large li,
#main-content.text-size-large td,
#main-content.text-size-large th,
#main-content.text-size-large label,
#main-content.text-size-large a,
#main-content.text-size-large span,
#main-content.text-size-large h1,
#main-content.text-size-large h2,
#main-content.text-size-large h3,
#main-content.text-size-large h4,
#main-content.text-size-large h5,
#main-content.text-size-large h6,
#main-content.text-size-large input,
#main-content.text-size-large select,
#main-content.text-size-large textarea,
#main-content.text-size-large button {
    font-size: 120% !important;
}