/* 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);--tl-audio-word-1-padding:0;padding:var(--tl-audio-word-1-padding);--tl-audio-word-2-margin:0;margin:var(--tl-audio-word-2-margin);--tl-audio-word-3-border:0;border:var(--tl-audio-word-3-border);--tl-audio-word-4-border-radius:50%;border-radius:var(--tl-audio-word-4-border-radius);background:var(--word-audio-bg);color:var(--word-audio-text);font:inherit;--tl-audio-word-5-box-shadow:none;box-shadow:var(--tl-audio-word-5-box-shadow);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;--tl-audio-word-6-box-shadow:none;box-shadow:var(--tl-audio-word-6-box-shadow)}
.tl-word-audio[aria-busy=true]{--tl-audio-word-7-opacity:.65;opacity:var(--tl-audio-word-7-opacity)}
.tl-word-audio:disabled{--tl-audio-word-8-opacity:.45;opacity:var(--tl-audio-word-8-opacity);cursor:default}