/* Gemeinsamer Vorlese-Knopf (🔊) für die Lernspiele - liest die Antwortmöglichkeiten laut vor. */
.kg-speak-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 38px; height: 38px; border-radius: 50%; border: 2px solid #d1d5db; background: #f9fafb;
    font-size: 17px; cursor: pointer; margin-left: 8px; vertical-align: middle;
    transition: all 0.15s; touch-action: manipulation; -webkit-tap-highlight-color: transparent;
}
.kg-speak-btn:hover { border-color: #16a34a; background: #f0fdf4; transform: scale(1.05); }
.kg-speak-btn:active { transform: scale(0.95); }

/* Einzelner kleiner Vorlese-Knopf direkt neben jeder Antwort-Option */
.kg-answer-wrap { display: inline-flex; align-items: center; gap: 4px; }
.kg-speak-mini-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; border-radius: 50%; border: 2px solid #d1d5db; background: #f9fafb;
    font-size: 13px; cursor: pointer; padding: 0; flex-shrink: 0;
    transition: all 0.15s; touch-action: manipulation; -webkit-tap-highlight-color: transparent;
}
.kg-speak-mini-btn:hover { border-color: #16a34a; background: #f0fdf4; transform: scale(1.08); }
.kg-speak-mini-btn:active { transform: scale(0.92); }
@media (max-width: 480px) {
    .kg-speak-mini-btn { width: 26px; height: 26px; font-size: 11px; }
}