/* Only the bilingual text viewer: preserve the surrounding site/theme. */
#bilingual-appearance{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:10px 0 18px;padding:13px 17px;border:1px solid var(--line,#89939a);border-radius:4px;color:var(--ink,inherit);background:var(--paper,transparent)}
#bilingual-appearance>strong{font:650 13px/1.5 system-ui,sans-serif}
#bilingual-appearance label{display:inline-flex;align-items:center;gap:7px;font:500 12px/1.5 system-ui,sans-serif}
#bilingual-appearance select{min-height:36px;padding:6px 8px;border:1px solid #8f928e;border-radius:3px;color:#22394a;background:#faf9f5;font:13px system-ui,sans-serif}
#bilingual-appearance input[type=color]{width:38px;height:35px;padding:2px;cursor:pointer;border:1px solid #9d9d9d;background:#faf9f5}
#bilingual-appearance input[type=checkbox]{width:17px;height:17px}
#bilingual-appearance button{min-height:35px;padding:5px 11px;color:inherit;background:transparent;border:1px solid var(--gold,#a78f64);border-radius:3px;cursor:pointer;font:600 12px system-ui,sans-serif}
#bilingual-appearance button:focus-visible,#bilingual-appearance select:focus-visible{outline:2px solid #d0ab63;outline-offset:2px}
#bilingual-appearance .bilingual-appearance-note{flex-basis:100%;font:400 11px/1.5 system-ui,sans-serif;opacity:.8;margin:0}
.scholarly-reader.bilingual-user-colors .scholarly-columns>.scholarly-panel{background:var(--bilingual-panel-bg)!important;color:var(--bilingual-panel-ink)!important;border-color:var(--bilingual-panel-border)!important}
.scholarly-reader.bilingual-user-colors .scholarly-columns{border-color:var(--bilingual-panel-border)!important}
.scholarly-reader.bilingual-user-colors .scholarly-panel :is(h2,p,span,.scholarly-text,.source){color:var(--bilingual-panel-ink)!important}
.scholarly-reader.bilingual-user-colors .scholarly-panel .eyebrow,.scholarly-reader.bilingual-user-colors .scholarly-panel .source{opacity:.82}
.scholarly-reader[data-bilingual-font]:not([data-bilingual-font="original"]) .scholarly-panel .scholarly-text,.scholarly-reader[data-bilingual-font]:not([data-bilingual-font="original"]) .scholarly-panel .scholarly-text :is(p,span){font-family:var(--bilingual-text-family)!important}
.scholarly-reader[data-bilingual-italic="true"] .scholarly-panel .scholarly-text{font-style:italic!important}
@media(max-width:760px){#bilingual-appearance{gap:9px 12px}#bilingual-appearance label{flex:1 1 150px}}
@media print{#bilingual-appearance{display:none!important}}

/* Controls are the first grid child, inside the facing-page reading frame. */
.scholarly-reader>.scholarly-columns>#bilingual-appearance{
 grid-column:1/-1;
 margin:0;
 border:0;
 border-bottom:1px solid var(--line,#89939a);
 border-radius:0;
 padding:12px clamp(18px,3vw,38px);
 background:transparent;
}
.scholarly-reader>.scholarly-columns>.scholarly-panel{min-width:0}
@media(max-width:760px){.scholarly-reader>.scholarly-columns>#bilingual-appearance{grid-column:1;padding:12px 18px}}
