/* Approved GH-5530 fonts, self-hosted with OFL notices beside the files. */
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 700;font-display:swap;src:url('./fonts/source-serif-4-400-700.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400 700;font-display:swap;src:url('./fonts/source-sans-3-400-700.woff2') format('woff2')}
:root{--cba-body-size:16px;--cba-control-size:14px;--cba-reading-size:18px;--cba-caption-size:12px}
:root[data-cba-reader-size=smaller]{--cba-body-size:15px;--cba-control-size:13px;--cba-reading-size:17px}
:root[data-cba-reader-size=larger]{--cba-body-size:17px;--cba-control-size:15px;--cba-reading-size:19px;--cba-caption-size:13px}
.cba-reader{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:8px;padding:3px;background:var(--surface,var(--card));color:var(--ink,var(--fg));flex:none;white-space:nowrap;font-family:'Source Sans 3',system-ui,sans-serif}
.cba-reader button{border:0;border-radius:5px;background:transparent;color:inherit;min-width:38px;min-height:38px;padding:5px;font:600 14px/1.4 'Source Sans 3',system-ui,sans-serif;cursor:pointer}
.cba-reader button:disabled{opacity:.35;cursor:default}
.cba-reader button:hover:not(:disabled){background:var(--sunk,var(--bg))}
.cba-reader output{font:400 12px/1.4 'Source Sans 3',system-ui,sans-serif;min-width:76px;text-align:center;color:var(--muted)}
.cba-reader button:last-child{border-left:1px solid var(--line);border-radius:0;font-size:12px;font-weight:400;padding-inline:8px}
.cba-reader :focus-visible{outline:2px solid var(--brand-red,var(--accent));outline-offset:2px}
@media(max-width:600px){.cba-reader button{min-width:42px;min-height:42px}}