#text-reader [hidden] {display:none!important}
#text-reader {display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;max-width:960px;margin-inline:auto}
#text-reader .reader-saved,.reader-actions,.tts-document-row,.tts-document-actions {display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
#text-reader .reader-saved .tool-check {margin:0}
#text-reader .tool-select {min-width:0;width:100%;height:46px;appearance:none;background-image:var(--site-select-arrow);background-repeat:no-repeat;background-position:right 12px center;background-size:14px;padding-inline-end:2rem;text-overflow:ellipsis}
[dir="rtl"] #text-reader .tool-select {background-position:left 12px center}
#text-reader .tool-select.reader-selection-overlay {color:transparent}
#reader-language option,#reader-voice option {color:var(--site-text)}
#text-reader .reader-controls .tool-form-grid > div {display:grid;grid-template: auto 1fr / minmax(0,1fr);min-width:0;overflow:hidden}
#text-reader .reader-selection {grid-row:2;grid-column:1;align-self:center;z-index:1;margin:0 2rem 0 12px;padding-block:8px;line-height:1.35;overflow-wrap:anywhere;pointer-events:none}
[dir="rtl"] #text-reader .reader-selection {margin-right:12px;margin-left:2rem}
#text-reader .reader-selection-overlay:disabled + .reader-selection {opacity:.55}
#text-reader :is(#reader-language,#reader-voice) {grid-row:2;grid-column:1;height:auto;min-height:46px;align-self:stretch}
#text-reader .reader-controls .tool-select:focus-visible {outline:2px solid var(--site-accent);outline-offset:-3px;box-shadow:none}
#reader-input {display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:8rem;margin-bottom:.6rem}
#reader-content {box-sizing:border-box;max-height:52dvh;min-height:9rem;overflow:auto;overscroll-behavior:contain;margin:.65rem 0;padding:clamp(.75rem,3vw,2rem);border:1px solid var(--site-border);border-radius:.75rem;background:var(--site-surface-muted);font-size:var(--reader-font,20px);line-height:1.75}
#reader-content p {white-space:pre-wrap;overflow-wrap:anywhere;margin:0 auto .85em;max-width:68ch}
#reader-content p:last-child {margin-bottom:0}
.reader-sentence {display:inline;border:0;background:none;color:inherit;font:inherit;text-align:start;white-space:inherit;overflow-wrap:anywhere;border-radius:.25em;cursor:pointer}
.reader-sentence:hover,.reader-sentence:focus-visible {outline:2px solid var(--site-accent)}
.reader-sentence[aria-current="true"] {background:var(--site-accent);color:#fff}
html[data-theme="dark"] .reader-sentence[aria-current="true"] {background:#174c8b;color:#fff}
#text-reader .reader-controls {display:grid;gap:.65rem;background:var(--site-surface);border-top:1px solid var(--site-border);padding-block-start:.65rem}
#text-reader .reader-sliders label {display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;font-weight:500}
#text-reader input[type="range"] {max-width:8rem}
#text-reader #tts-doc-options {margin-block:.5rem}
#text-reader #tts-doc-options summary {cursor:pointer;font-weight:600}
#text-reader #tts-doc-chapters {display:grid;gap:.35rem;margin:.5rem 0;max-height:14rem;overflow:auto}
#text-reader #tts-doc-chapters label {display:flex;gap:.5rem;overflow-wrap:anywhere}
#text-reader #tts-doc-name {overflow-wrap:anywhere}
#text-reader .tool-status:empty,#reader-storage-status:empty {display:none}
@media(max-width:700px){
    #text-reader .reader-controls .tool-form-grid {grid-template-columns:minmax(0,1fr);gap:.45rem}
}