/* SoundReader – kompakte, templateintegrierte Oberfläche.
   Nur Darstellung: keine Änderungen an Funktion, Markup oder JavaScript. */
.sr-player,.sr-tts{--sr-accent:var(--template-link-color,var(--bs-primary,var(--primary-color,currentColor)));--sr-radius:var(--bs-border-radius,6px);box-sizing:border-box;color:inherit;font:inherit;background:var(--bs-body-bg,transparent);border:1px solid var(--bs-border-color,rgba(120,120,120,.24));border-radius:var(--sr-radius);box-shadow:0 2px 12px rgba(0,0,0,.035)}
.sr-player{margin:.8rem 0;padding:.65rem .85rem}
.sr-player audio{display:block;width:100%;height:36px}
.sr-title{font-size:.88em;font-weight:600;margin:0 0 .4rem}
.sr-tracks{list-style:decimal inside;margin:.45rem 0 0;padding:0;font-size:.88em}
.sr-tracks li{padding:.12rem 0}
.sr-track{background:none;border:0;padding:.1rem 0;cursor:pointer;text-align:left;color:inherit;text-decoration:underline;text-underline-offset:2px;font:inherit}
.sr-track.is-active{font-weight:650;text-decoration:none;color:var(--sr-accent)}
.sr-download{display:inline-block;margin-top:.35rem;font-size:.83em;color:var(--sr-accent)}
.sr-error{color:#b00020}
.sr-tts{margin:.85rem 0;padding:.65rem .85rem .7rem;border-left:2px solid var(--sr-accent)}
.sr-tts *{box-sizing:border-box}
.sr-tts [hidden]{display:none!important}
.sr-tts-head{display:flex;align-items:center;gap:.4rem;margin:0 0 .48rem;font-size:.84em;font-weight:600;line-height:1.3;letter-spacing:.01em}
.sr-tts-icon{display:inline-flex;align-items:center;color:var(--sr-accent)}
.sr-tts-icon svg{width:15px;height:15px}
.sr-tts-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}
.sr-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:34px;padding:.3rem .65rem;border:1px solid var(--bs-border-color,rgba(120,120,120,.28));border-radius:calc(var(--sr-radius) * .8);background:transparent;color:inherit;font:inherit;font-size:.82em;line-height:1.15;cursor:pointer;transition:background-color .16s,border-color .16s,transform .16s}
.sr-btn:hover{background:rgba(127,127,127,.075);border-color:var(--sr-accent)}
.sr-btn:active{transform:translateY(1px)}
.sr-btn:focus-visible,.sr-tts select:focus-visible,.sr-tts input[type=range]:focus-visible,.sr-track:focus-visible{outline:2px solid var(--sr-accent);outline-offset:2px}
.sr-btn-main{background:var(--sr-accent);border-color:var(--sr-accent);color:var(--bs-primary-text-emphasis,#fff);font-weight:600;min-width:7.5rem}
/* A readable label on colored primary buttons, independent of template text colors. */
.sr-btn-main{color:#fff}
.sr-btn-main:hover{background:var(--sr-accent);filter:brightness(1.08);color:#fff}
.sr-btn svg{flex:none;width:15px;height:15px}
.sr-tts-progress{margin-top:.52rem}
.sr-tts input[type=range]{display:block;width:100%;height:17px;margin:0;accent-color:var(--sr-accent);cursor:pointer}
.sr-tts-meta{display:flex;justify-content:space-between;gap:.75rem;margin-top:.04rem;font-size:.73em;opacity:.7;font-variant-numeric:tabular-nums}
.sr-tts-snippet{font-size:.76em;font-style:italic;opacity:.7;margin-top:.12rem;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-tts-snippet:empty{display:none}
.sr-tts-options{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:.45rem}
.sr-opt{display:inline-flex;align-items:center;gap:.4rem;font-size:.78em;line-height:1.3}
.sr-tts select{box-sizing:border-box;max-width:13rem;min-height:30px;padding:.15rem .5rem;border:1px solid var(--bs-border-color,rgba(120,120,120,.3));border-radius:calc(var(--sr-radius) * .75);background:var(--bs-body-bg,transparent);color:inherit;font:inherit;font-size:1em}
.sr-tts select option{color:#111;background:#fff}
@media(max-width:520px){.sr-tts{padding:.65rem}.sr-tts-controls{gap:.3rem}.sr-btn{min-height:36px;padding:.35rem .55rem}.sr-btn-main{flex:1 1 auto;min-width:7rem}.sr-tts-options{gap:.45rem}.sr-opt{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.sr-btn{transition:none}}

/* Filigran CI v2: ausschließlich visuelle Anpassungen, alle Elemente bleiben sichtbar. */
.sr-tts{
 --sr-line:var(--bs-border-color,rgba(105,110,115,.22));
 --sr-accent:var(--template-link-color,var(--bs-primary,#68747c));
 margin:.7rem 0 1rem!important;padding:.62rem .85rem .68rem!important;
 border:1px solid var(--sr-line)!important;border-left:1px solid var(--sr-line)!important;
 border-radius:7px!important;background:var(--bs-body-bg,rgba(255,255,255,.12))!important;
 box-shadow:0 1px 5px rgba(0,0,0,.025)!important;
 font-size:inherit;line-height:1.35;
}
.sr-tts-head{margin:0 0 .42rem!important;font-size:.78em!important;font-weight:600!important;gap:.35rem!important;opacity:.85}
.sr-tts-icon svg{width:14px!important;height:14px!important}
.sr-tts-controls{gap:.3rem!important}
.sr-tts .sr-btn{
 min-height:29px!important;min-width:0!important;padding:.25rem .6rem!important;
 font-size:.76em!important;line-height:1.15!important;font-weight:500;
 border:1px solid var(--sr-line)!important;border-radius:5px!important;
 box-shadow:none!important;letter-spacing:0!important;
}
.sr-tts .sr-btn-main{min-width:6.6rem!important;font-weight:600!important;background:var(--sr-accent)!important;border-color:var(--sr-accent)!important;color:#fff!important}
.sr-tts .sr-btn-main:hover{filter:brightness(1.09)}
.sr-tts .sr-btn:not(.sr-btn-main){background:transparent!important;color:inherit!important}
.sr-tts .sr-btn:not(.sr-btn-main):hover{background:rgba(127,127,127,.09)!important}
.sr-tts .sr-btn svg{width:12px!important;height:12px!important}
.sr-tts-progress{margin-top:.35rem!important}
.sr-tts input[type=range]{height:13px!important;margin:0!important}
.sr-tts-meta{font-size:.68em!important;margin-top:0!important;opacity:.72!important}
.sr-tts-snippet{font-size:.69em!important;line-height:1.25!important;margin-top:.08rem!important;opacity:.62!important}
.sr-tts-options{margin-top:.35rem!important;gap:.35rem .8rem!important}
.sr-tts .sr-opt{font-size:.72em!important;gap:.3rem!important;white-space:nowrap}
.sr-tts select{min-height:27px!important;max-width:15rem!important;padding:.1rem .4rem!important;font-size:1em!important;border:1px solid var(--sr-line)!important;border-radius:4px!important;box-shadow:none!important}
.sr-tts [data-sr=voicewrap] select{max-width:min(17rem,48vw)!important}
@media(min-width:800px){
 .sr-tts{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.85rem;align-items:center}
 .sr-tts-head{grid-column:1/-1}
 .sr-tts-controls{grid-column:1;grid-row:2}
 .sr-tts-options{grid-column:2;grid-row:2;margin-top:0!important;justify-content:flex-end}
 .sr-tts-progress{grid-column:1/-1;grid-row:3}
 .sr-tts-snippet{grid-column:1/-1;grid-row:4}
}
@media(max-width:799px){.sr-tts{padding:.65rem!important}.sr-tts .sr-btn{min-height:32px!important}.sr-tts-options{margin-top:.4rem!important}}
@media(max-width:420px){.sr-tts .sr-btn-main{flex:1 1 100%;min-width:0!important}.sr-tts [data-sr=voicewrap] select{max-width:65vw!important}}

/* Stimmenauswahl bleibt im filigranen Layout verfügbar. */
.sr-tts [data-sr="voicewrap"]:not([hidden]){display:inline-flex}