/* Scale authored type once. Images, logos, layout dimensions and embedded sites keep their own size. */
:root{--ui-text-scale:1;--reading-size:16px}
html{font-size:calc(16px * var(--ui-text-scale,1))}
.global-text-size{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px;max-width:1180px;margin:0 auto;padding:8px 24px;border-bottom:1px solid var(--line,#303746);color:var(--text,#e9eef7);font:calc(12px * var(--ui-text-scale,1))/1.4 system-ui,sans-serif}
.global-text-size>span{margin-right:auto;color:var(--muted,#95a1b4)}
.global-text-size button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:5px 8px;border:1px solid var(--line,#303746);border-radius:4px;background:var(--panel,#171b23);color:inherit;font:600 calc(16px * var(--ui-text-scale,1))/1.2 system-ui,sans-serif;cursor:pointer}
.global-text-size [data-text-size="reset"]{min-width:62px;font-size:calc(12px * var(--ui-text-scale,1));font-weight:400}
.global-text-size button:hover{border-color:var(--blue,#7da6ff)}
.global-text-size button:disabled{opacity:.45;cursor:default}
.global-text-size button:focus-visible{outline:2px solid var(--blue,#7da6ff);outline-offset:2px}
.global-text-size output{pointer-events:none}
@media(max-width:600px){.global-text-size{padding:8px 16px}.global-text-size>span{flex:1 1 100%;margin:0 0 3px}.global-text-size button{flex:1}}