/* Shared pronunciation control, including buttons inside module-specific layouts. */
:root{--speaker-color:var(--muted);--speaker-hover-color:var(--accent)}
.control-icon{width:22px;height:22px;flex:0 0 22px;color:inherit;vertical-align:middle;pointer-events:none}
button.audio-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;max-width:100%;padding:6px 8px;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--speaker-color);font:inherit;line-height:1.5;cursor:pointer;transition:color .15s}
button.audio-button:hover:not(:disabled),button.audio-button:hover:not(:disabled) .speaker-icon{color:var(--speaker-hover-color);background:transparent}
button.audio-button:focus-visible{outline:2px solid var(--speaker-hover-color);outline-offset:2px}
button.audio-button:disabled{opacity:.5;cursor:default}
button.audio-button>span{pointer-events:none;overflow-wrap:anywhere}
.review-assists label{display:inline-flex;align-items:center;gap:6px}