.listen-sound.is-pending{display:inline-flex;gap:.5rem;align-items:center;margin-top:1rem;padding:.65rem .9rem;border:1px solid #ddcdb0;border-radius:10px;background:#fff9ed;color:#776d60;font-size:.92rem;font-weight:700}
.word-audio{position:absolute;right:.55rem;bottom:.45rem;display:grid;width:34px;height:34px;place-items:center;border:1px solid #dfcfb4;border-radius:50%;background:#fff8e9;color:#6a567d;font-size:1rem;line-height:1;cursor:pointer}
.word-audio:hover,.word-audio.is-playing{border-color:#8961ef;background:#eee7ff}
.word-audio.is-playing{animation:svw-pulse .8s ease-in-out infinite alternate}
.family-audio{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid #dfcfb4;border-radius:999px;background:#fff8e9;color:#5e39bc;font:800 .9rem/1 "Avenir Next",Avenir,system-ui,sans-serif;cursor:pointer;vertical-align:middle}
.audio-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:1.05rem;line-height:1}
.audio-icon svg{display:block;width:1em;height:1em}
.word-audio .audio-icon{font-size:1rem}
.family-audio span{display:inline-block;white-space:nowrap;line-height:1.1}
.sentence-audio-button,.worksheet-listen,.listen-sound:not(.is-pending){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;padding:.55rem .85rem;border-radius:12px;font:800 .88rem/1 "Avenir Next",Avenir,system-ui,sans-serif}
.sentence-audio-button{gap:.42rem;min-height:34px;padding:.42rem .7rem;border-radius:10px;font-size:.8rem}
.sentence-audio-button .audio-icon{font-size:.9rem}
.sentence-audio-button span{line-height:1}
@keyframes svw-pulse{to{transform:scale(1.12)}}
.audio-note{margin:.9rem 0 0;color:#887b68;font-size:.78rem}
.say-word{display:inline-flex!important;align-items:center;gap:.2rem;white-space:nowrap}
.say-word .family-audio{width:1.5rem;height:1.5rem;padding:0;font-size:.68rem}
@media(max-width:580px){
  .word-audio{width:32px;height:32px;font-size:.95rem}
  .family-audio{font-size:.86rem}
  .audio-icon{font-size:1rem}
  .word-audio .audio-icon{font-size:.95rem}
  .sentence-audio-button,.worksheet-listen,.listen-sound:not(.is-pending){min-height:40px;padding:.5rem .8rem}
  .sentence-audio-button{min-height:32px;padding:.38rem .62rem;font-size:.78rem}
  .sentence-audio-button .audio-icon{font-size:.82rem}
}