.audio-ready-button{width:100%;min-height:58px;border:1px solid var(--pale-green);border-radius:16px;background:var(--pale-green);color:var(--green-dark);padding:10px 14px;display:flex;align-items:center;gap:12px;text-align:left;font:inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}
.audio-ready-button>span:first-child{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:800;flex:0 0 auto}
.audio-ready-button>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.audio-ready-button strong{font-size:13px}.audio-ready-button small{font-size:11px;color:var(--muted);line-height:1.35}
.audio-ready-button:not(.pending):active{transform:scale(.985)}
.audio-ready-button:not(.pending):focus-visible{outline:3px solid rgba(11,110,79,.2);outline-offset:2px}
.audio-ready-button.playing{box-shadow:0 0 0 3px rgba(11,110,79,.12);opacity:.88}
.audio-ready-button.playing>span:first-child{animation:iqraVoicePulse .8s ease-in-out infinite alternate}
.audio-ready-button.pending{opacity:.78;cursor:not-allowed}
@keyframes iqraVoicePulse{from{transform:scale(.92)}to{transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.audio-ready-button,.audio-ready-button.playing>span:first-child{transition:none;animation:none}}

/* Public-domain, human-spoken full alphabet reference; separate from individual lesson pronunciation. */
.iqra-human-reference{margin:12px 0;padding:16px;border:1px solid #c8ded0;border-radius:16px;background:#f6faf7;color:#153d2d;line-height:1.55}
.iqra-human-reference strong{display:block;font-weight:750}
.iqra-human-reference p{margin:8px 0;font-size:.92rem}
.iqra-human-reference audio{width:100%;max-width:100%;min-height:46px}
.iqra-human-reference small{display:block;margin-top:9px;line-height:1.6}
.iqra-human-reference a{color:#06583f;text-underline-offset:2px}
.iqra-human-reference:focus-within{outline:2px solid #b48a39;outline-offset:2px}
[dir="rtl"] .iqra-human-reference{text-align:right}