/* Version 5: stable, keyboard-friendly reciter choices and trilingual Surah directory */
.audio-panel{grid-template-columns:minmax(0,1fr) minmax(340px,1.25fr);align-items:start;background:linear-gradient(125deg,#fffefb,#f7f9f4)}
.audio-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;min-width:0}
.audio-label{grid-column:1/-1;display:block;margin:0;color:#647b6c;font-weight:800;font-size:11px;letter-spacing:.3px}
.qari-list{display:grid;grid-column:1;gap:7px;min-width:0;align-items:stretch}
.qari-option,.qari-option:hover,.qari-option:active{transform:none!important;position:relative;left:auto;top:auto;translate:none!important;scale:none!important}
.qari-option{appearance:none;display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left;width:100%;min-width:0;min-height:43px;padding:10px 12px;margin:0;border-radius:9px;border:1px solid #e1e8de;background:#fff;color:#284836;box-sizing:border-box;opacity:1;box-shadow:none;font-size:12px;font-weight:700;line-height:1.4;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease!important}
.qari-option:hover{border-color:#b4c5b3;background:#f6faf5;opacity:1!important}
.qari-option.selected{background:#eaf3e9;border-color:#658a6e;color:#194b36;box-shadow:inset 0 0 0 1px #658a6e}
.qari-option:focus-visible{outline:2px solid #a68b59;outline-offset:2px}
.qari-text{flex:1;min-width:0;overflow-wrap:break-word;white-space:normal}
.qari-selector{flex:0 0 15px;height:15px;border:1.5px solid #a6b9a8;border-radius:50%;display:grid;place-items:center;background:white}
.qari-option.selected .qari-selector{border-color:#276345}
.qari-option.selected .qari-selector:after{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#276345}
.audio-controls #audio-play{grid-column:2;align-self:end;min-width:117px;min-height:44px;white-space:nowrap}
.audio-panel>.mini-help{grid-column:1/-1}
/* Separate reading action and favourite action; no nested interactive elements. */
.surah-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.surah-card{padding:0;display:flex;align-items:stretch;min-height:108px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}
.surah-card:hover{background:#fff;border-color:#a7bfa6;box-shadow:0 6px 22px #143d2a0c}
.surah-open{border:0;background:transparent;color:inherit;display:flex;flex:1;align-items:center;gap:14px;text-align:left;padding:17px 10px 17px 16px;min-width:0;cursor:pointer}
.surah-open:hover,.surah-open:focus-visible{background:#f7faf6;opacity:1;outline-offset:-2px}
.surah-card .surah-number{width:41px;height:41px;margin:0;flex:0 0 41px}
.surah-card .surah-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1}
.surah-card .surah-content strong{font-size:13px;white-space:normal;overflow:visible;line-height:1.35}
.surah-card .surah-meaning{font-size:11px;color:#778779;line-height:1.4;margin:0;white-space:normal}
.surah-card-arabic{font:normal 21px/1.45 'Amiri','Times New Roman',serif;color:#396b4f;direction:rtl;margin:2px 0 0;white-space:normal;text-align:left}
.surah-heart{flex:0 0 45px;align-self:stretch;display:flex;align-items:center;justify-content:center;border:0;border-left:1px solid #eef2ec;border-radius:0;background:transparent;color:#99aa9b;cursor:pointer;min-width:45px;transition:color .15s,background .15s}
.surah-heart:hover,.surah-heart:focus-visible{background:#f5f7f1;color:#a78256;opacity:1}
.surah-heart svg{width:21px;height:21px;flex:0 0 auto;fill:none}
.surah-heart.is-favorite{color:#aa7357;background:#fbf5ee}
.surah-heart.is-favorite svg{fill:#ad795e;stroke:#ad795e}
.surah-heart:focus-visible{outline:2px solid #aa8c55;outline-offset:-3px}
/* Tabs may wrap on narrow screens without clipping the favourite counts. */
.toolbar .tab-group{flex-wrap:wrap;gap:4px}
.toolbar .tab{white-space:normal;line-height:1.3}
@media(max-width:1150px){.audio-panel{grid-template-columns:1fr}.surah-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.surah-grid{grid-template-columns:1fr}.surah-card{min-height:94px}.audio-controls{grid-template-columns:1fr}.audio-controls #audio-play{grid-column:1;width:100%}.surah-card .surah-open{padding:13px 8px 13px 13px}.surah-card .surah-meaning{font-size:10px}.surah-card-arabic{font-size:20px}}
@media(prefers-reduced-motion:reduce){.qari-option,.surah-card,.surah-heart{transition:none!important}}