/* Saved colors and DOM order are shared by the public bar and its settings preview. */
.reading-bar[data-rb-style] { background:var(--rb-color1); color:var(--rb-text); border-bottom:1px solid var(--rb-accent); }
.reading-bar[data-rb-style=linear] { background:linear-gradient(115deg,var(--rb-color1),var(--rb-color2)); }
.reading-bar[data-rb-style=radial] { background:radial-gradient(ellipse at 15% 0,var(--rb-color2),var(--rb-color1)); }
.reading-bar[data-rb-style=mesh] { background:radial-gradient(ellipse at 0 0,var(--rb-color1),transparent 70%),radial-gradient(ellipse at 100% 100%,var(--rb-color2),transparent 70%),var(--rb-color3); }
.reading-bar[data-rb-style=stripes] { background:repeating-linear-gradient(120deg,transparent 0 14px,var(--rb-color2) 14px 15px),var(--rb-color1); }
.reading-bar[data-rb-style=dots] { background:radial-gradient(circle,var(--rb-color2) 1px,transparent 1.2px) 0 0 / 18px 18px,var(--rb-color1); }
.reading-bar[data-rb-style=framed] { border-block:3px double var(--rb-accent); }
.reading-bar[data-rb-style=accent] { border-bottom:3px solid var(--rb-accent); }
.reading-bar[data-rb-style] .reading-bar-inner { justify-content:flex-start; gap:10px; }
.reading-bar[data-rb-style] .reading-bar-caption { display:block; margin:0; flex:1 1 210px; max-width:360px; color:var(--rb-text); overflow-wrap:anywhere; }
.reading-bar[data-rb-style] .reading-bar-caption > span:first-child { color:var(--rb-accent); }
.reading-bar[data-rb-style] .reading-bar-caption [data-rb-caption] { color:var(--rb-text); margin:0; }
.reading-bar[data-rb-style] .site-search-quick { margin:0; flex:1 1 220px; }
.reading-bar[data-rb-style] .reading-quick { margin:0; border-color:var(--rb-accent); }
.reading-bar[data-rb-style] .reading-quick button,.reading-bar[data-rb-style] .reading-toggle { color:var(--rb-text); }
.reading-bar[data-rb-style] .reading-quick button[aria-pressed=true] { color:var(--rb-color1); background:var(--rb-text); border-color:var(--rb-text); }
.reading-bar[data-rb-style] .reading-toggle svg { color:var(--rb-accent); }
.reading-bar[data-rb-style] :is(.speech-tool,.site-search-quick) { border-color:var(--rb-accent); }
.reading-bar[data-rb-style] [hidden] { display:none!important; }
.reading-bar[data-rb-style] :is(button,a):focus-visible { outline:2px solid var(--rb-text); outline-offset:3px; }
.reading-bar[data-rb-style] .site-search-quick:focus-within { outline-color:var(--rb-text); }
@media(max-width:850px) { .reading-bar[data-rb-style] .site-search-quick { max-width:none; } }
@media(max-width:520px) {
    .reading-bar[data-rb-style] .reading-bar-caption { flex-basis:100%; max-width:none; }
    .reading-bar[data-rb-style] .site-search-quick { flex-basis:100%; min-width:0; }
    .reading-bar[data-rb-style] .speech-tool { flex:1 1 calc(50% - 10px); }
    .reading-bar[data-rb-style] .reading-toggle { margin-left:auto; }
}
@media(forced-colors:active) { .reading-bar[data-rb-style] { background:Canvas; color:CanvasText; --rb-text:CanvasText; --rb-color1:Canvas; --rb-accent:CanvasText; } }
@media print { .reading-bar { display:none; } }