/* Compact English-word audio. Source: accepted lesson-word control (24px / 13px).
   Standalone base recipe; consumers own only placement within their rows. */
:root{--word-audio-size:24px;--word-audio-glyph:13px}
.tl-word-audio[type=button]{--word-audio-bg:light-dark(#e2e2e2,#2d3340);--word-audio-text:light-dark(#1a1a1a,#e6e8ee);--word-audio-active-bg:light-dark(#fdf3fb,#271e2a);--word-audio-accent:light-dark(#cc1fb3,#ee58e0);color-scheme:light;display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:var(--word-audio-size);height:var(--word-audio-size);padding:0;margin:0;border:0;border-radius:50%;background:var(--word-audio-bg);color:var(--word-audio-text);font:inherit;box-shadow:none;cursor:pointer}
html.dark .tl-word-audio{color-scheme:dark}
.tl-word-audio svg{display:block;width:var(--word-audio-glyph);height:var(--word-audio-glyph);flex:none;stroke-width:1.8;pointer-events:none}
.tl-word-audio[type=button].playing{background:var(--word-audio-active-bg);color:var(--word-audio-accent)}
@media(hover:hover){.tl-word-audio:hover:not(:disabled){background:var(--word-audio-active-bg)}}
.tl-word-audio[type=button]:focus-visible{outline:2px solid var(--word-audio-accent);outline-offset:3px;box-shadow:none}
.tl-word-audio[aria-busy=true]{opacity:.65}
.tl-word-audio:disabled{opacity:.45;cursor:default}