.reading-display{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 0;font-size:13px;color:#586348}.reading-display label{display:flex;align-items:center;gap:7px}.reading-display select{max-width:180px}.reading-display button{border:1px solid #c3c9b0;padding:5px 10px}.reading-display button:disabled{opacity:.45}.reading-display [role=status]{flex:1;min-width:110px}.reader-key{font-size:12px;color:#66744d;margin:4px 0 12px}.reader-key[hidden]{display:none}.context-sample{border-bottom:2px dashed #9a9148;background:#f7f4dd}.quotation-sample{border-bottom:2px solid #c9b679;background:#f1ead4}.reader-bottom{border-top:1px solid #d4d9c4}.reader-context-label{display:block;font-size:12px;color:#758151;margin-bottom:4px}
/* Layer switches only change these classes: text nodes and word markup stay in place. */
#reader:not(.show-bible) .annotation.bible,#reader:not(.show-parallel) .annotation.parallel,#reader:not(.show-topos) .annotation.topos,#reader:not(.show-possible) .annotation.possible-echo{background:transparent;border-color:transparent}
#reader .annotation.index-context{border-bottom-style:dashed;background:#f7f4dd}
#reader:not(.show-bible) [data-layer=bible],#reader:not(.show-parallel) [data-layer=parallel],#reader:not(.show-topos) [data-layer=topos],#reader:not(.show-apparatus) [data-layer=apparatus],#reader:not(.show-possible) [data-possible=true]{display:none}
#reader:not(.show-lex) .word{pointer-events:none;cursor:text}#reader:not(.show-lex) .word:hover{background:transparent}
#reader:not(.show-apparatus) .apparatus-marker{display:none}#reader:not(.show-apparatus) .apparatus-lemma{border-color:transparent;background:transparent}
.anchor{min-height:0}.anchor:empty{margin:0}.segment{overflow-anchor:none}.segment .latin{overflow-anchor:auto}#reader{overflow-anchor:none}
@media(max-width:600px){.reading-display{gap:7px}.reading-display select{max-width:150px}}

.bar-tools>label:has(#reading-mode){display:flex;align-items:center;gap:6px;color:#586348}#reading-mode{font:13px var(--reader-serif);border:1px solid #c3c9b0;background:#fff;padding:4px;max-width:155px}.reading-display{margin-inline:25px}.reader-key{margin-inline:25px}#reader .word{scroll-margin-block:calc(var(--bar-height) + 20px)}