.inline-audio-control{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 8px;max-width:100%}.audio-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:var(--green);border:1px solid var(--line);border-radius:9px;padding:8px 10px;min-height:44px;font-size:14px;line-height:1.4;white-space:nowrap}.audio-button svg{width:18px;height:18px;flex-shrink:0}.audio-button.is-playing{background:var(--soft);border-color:var(--green)}.audio-status{font-size:13px;color:var(--muted);line-height:1.6}.audio-status:empty{display:none}.simple-layout .verse-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.simple-layout .verse-meaning-button{margin-left:auto}.simple-layout .verse-block.is-reciting{box-shadow:inset 3px 0 #268578}.quick-meaning>.inline-audio-control{flex-basis:100%}.quick-meaning .audio-button{font-size:14px;padding:8px 10px}.grammar-word-heading .inline-audio-control{margin-right:auto}.grammar-word-heading>.inline-audio-control{padding:0;background:transparent;border:0}.grammar-word>.inline-audio-control{margin-block:6px}.simple-layout .verse-top>.inline-audio-control .audio-status{flex-basis:100%}.audio-status{overflow-wrap:anywhere}@media(max-width:480px){.simple-layout .verse-top{gap:4px 8px}.simple-layout .verse-ref{font-size:13px}.simple-layout .verse-meaning-button{font-size:13px}.audio-button{font-size:13px;padding:8px}.audio-button svg{width:16px;height:16px}}@media(max-width:360px){.simple-layout .verse-meaning-button{flex-basis:100%;text-align:right}}