/* IMATX Halaqa — read aloud control. One copy per session folder (see _build/assets/readaloud.css). */
.readaloud{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 24px}
.readaloud button{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--teal-text);border-radius:var(--r-sm,8px);background:transparent;color:var(--teal-text);font-size:.9rem;font-weight:500;line-height:1.2}
.readaloud button:hover{background:var(--teal-light)}
.readaloud [data-readaloud-toggle][aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#fff}
.readaloud [data-readaloud-toggle][aria-pressed=true]:hover{background:#15584f}
.readaloud [data-readaloud-stop]{border-color:var(--rule);color:var(--muted);font-weight:400}
.readaloud [data-readaloud-stop]:hover{background:var(--teal-light);color:var(--ink)}
.readaloud-status{margin:0;font-size:.875rem;color:var(--muted)}
.readaloud-status [data-readaloud-progress]{font-variant-numeric:tabular-nums}
.readaloud-status [data-readaloud-progress]:not(:empty)::before{content:"\00a0· "}
@media(max-width:560px){.readaloud{gap:8px}.readaloud button{padding:8px 12px}.readaloud-status{flex-basis:100%}}
@media print{.readaloud{display:none!important}}