.versos-tts{margin:1rem 0 1.5rem;border:1px solid currentColor;border-radius:12px;overflow:hidden}
.versos-tts__header{margin:0}
.versos-tts__toggle{width:100%;min-height:48px;padding:.7rem 1rem;border:0;background:transparent;color:inherit;font:inherit;display:flex;align-items:center;gap:.55rem;text-align:left;cursor:pointer}
.versos-tts__toggle:focus-visible,.versos-tts__button:focus-visible,.versos-tts__rate select:focus-visible{outline:3px solid currentColor;outline-offset:-3px}
.versos-tts__duration{margin-left:auto;font-size:.88em;opacity:.78;font-weight:400}
.versos-tts__chevron{margin-left:.25rem;transition:transform .2s ease}
.versos-tts.is-collapsed .versos-tts__chevron{transform:rotate(180deg)}
.versos-tts__panel{padding:.3rem 1rem 1rem}
.versos-tts__panel[hidden]{display:none}
.versos-tts__controls{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}
.versos-tts__button,.versos-tts__rate select{min-height:44px;font:inherit}
.versos-tts__button{cursor:pointer;padding:.55rem .8rem;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit}
.versos-tts__button:disabled{cursor:not-allowed;opacity:.55}
.versos-tts__rate{display:inline-flex;align-items:center;gap:.4rem}
.versos-tts__rate select{padding:.45rem .55rem;border-radius:8px}
.versos-tts__hint{margin:.7rem 0 0;font-size:.9em;opacity:.8}
@media(max-width:600px){
 .versos-tts{margin:.75rem 0 1.25rem}
 .versos-tts__toggle{padding:.65rem .75rem;flex-wrap:wrap}
 .versos-tts__duration{font-size:.8em}
 .versos-tts__panel{padding:.2rem .75rem .75rem}
 .versos-tts__controls{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
 .versos-tts__button[data-tts-play]{grid-column:1/-1}
 .versos-tts__button{width:100%;min-height:44px;padding:.45rem .55rem}
 .versos-tts__rate{grid-column:1/-1;width:100%;display:flex;gap:.6rem;align-items:center}
 .versos-tts__rate select{flex:1;min-height:44px}
 .versos-tts__hint{margin:.55rem 0 0;font-size:.82em;line-height:1.4}
}