.text-size-toolbar { display: flex; justify-content: flex-end; align-items: center; gap: 6px; padding: 5px 28px; color: #657485; background: #fff; border-bottom: 1px solid #e1e6ed; font: 12px/1.5 sans-serif; }
.text-size-toolbar button { min-width: 34px; min-height: 32px; padding: 3px 7px; border: 1px solid #cbd5e3; border-radius: 4px; color: #365b9e; background: #fff; font: 16px/1.5 sans-serif; cursor: pointer; }
.text-size-toolbar button[data-text-reset] { min-width: 58px; font-size: 12px; }
.text-size-toolbar button:hover { background: #edf2fc; }
.text-size-toolbar button:disabled { opacity: .4; cursor: default; }
.text-size-toolbar button:focus-visible { outline: 3px solid #9bb2ff; outline-offset: 2px; }
.text-size-toolbar [role="status"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.text-size-toolbar--login { position: absolute; top: 12px; right: 16px; border: 1px solid #e1e6ed; border-radius: 6px; padding: 5px 8px; }
@media screen {
    html[data-text-scale] [data-text-size-base] { font-size: calc(var(--text-size-base) * var(--text-size-scale)) !important; }
    html[data-text-scale] .login-service-name { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
    html[data-text-scale] .site-header { flex-wrap: wrap; }
    html[data-text-scale] .header-account { flex-wrap: wrap; white-space: normal; }
}
@media (max-width: 760px) { .text-size-toolbar { padding-right: 16px; } .text-size-toolbar--login { top: 8px; right: 8px; } body:has(.text-size-toolbar--login) { padding-top: 76px; } }
@media print { .text-size-toolbar { display: none !important; } }