.arabic-audio{margin:-5px 0 24px;padding:11px 12px;background:#eaf0e5;border:1px solid #d7e1ce;border-radius:10px;color:#173f37;font:13px/1.5 system-ui,sans-serif;text-align:left}.audio-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.audio-actions button{border:1px solid #bdcbb5;border-radius:8px;background:#fffef9;color:#173f37;padding:9px 12px;min-height:44px;font:inherit}.audio-actions .listen-arabic{background:#173f37;border-color:#173f37;color:#fffef9}.audio-actions .listen-arabic[aria-pressed="true"]{background:#80643c;border-color:#80643c}.audio-actions button:disabled{opacity:.4;cursor:default}.audio-actions label{display:flex;align-items:center;gap:6px;min-height:44px}.audio-actions select{font:inherit;color:#173f37;background:#fffef9;border:1px solid #bdcbb5;border-radius:7px;padding:9px 5px;min-height:44px}.audio-repeat{cursor:pointer}.audio-repeat input{width:18px;height:18px;accent-color:#173f37}.audio-status:not(:empty){margin-top:9px;font-size:12px}.arabic.is-speaking{outline:2px solid #a17c42;outline-offset:3px}.voice-note{font-size:11px!important;color:#69766e;margin-top:20px!important}.arabic-audio button:focus-visible,.arabic-audio select:focus-visible,.arabic-audio input:focus-visible{outline:3px solid #a17c42;outline-offset:2px}@media(max-width:450px){.audio-actions{gap:6px}.audio-actions .listen-arabic{flex:1 0 auto}.audio-actions button{padding:9px 10px}.audio-actions label{font-size:12px}}@media print{.arabic-audio,.voice-note{display:none}}
.step-audio{margin:0 0 24px;padding:16px}.step-audio-title{font-size:14px;font-weight:650;margin-bottom:10px}.step-audio audio{display:block;width:100%;min-height:48px}.step-audio .audio-status{margin:10px 0 0}.step-audio .voice-note{margin:8px 0 0!important}.audio-fallback{display:inline-block;margin-top:10px;color:#173f37;font-size:13px}.audio-fallback[hidden]{display:none}