/* The Qur’an library shares MAM's colours and uses no external fonts or art. */
.quran-section{background:#f1f5ef;border-block:1px solid #dfe7dc}
.quran-section .sectionhead{align-items:end;margin-bottom:34px}
.quran-section .sectionhead>p{max-width:370px;color:var(--muted);line-height:1.8}
.quran-section h2 em{color:var(--green)}
.quran-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:30px;align-items:start}
.quran-player{position:sticky;top:125px;overflow:hidden;background:#094b3c;color:#fff;border-radius:24px;padding:32px;box-shadow:0 15px 35px #163d2220;isolation:isolate}
.quran-player:before,.quran-player:after{content:"";position:absolute;z-index:-1;width:250px;height:250px;border:1px solid #d6b46b30;transform:rotate(45deg);right:-120px;top:45px;pointer-events:none}
.quran-player:after{transform:rotate(22.5deg);right:-100px;top:65px}
.quran-player .eyebrow{color:#e6cd97;font-size:10px;margin:0;letter-spacing:.16em}
.quran-player-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.quran-book{display:flex;width:43px;height:43px;border:1px solid #e6cd9759;border-radius:50%;align-items:center;justify-content:center;color:#e6cd97}
.quran-book svg{width:23px;height:23px}
.quran-title{padding:29px 0 27px;border-bottom:1px solid #ffffff26;text-align:center}
.quran-title>[lang=ar]{font-family:"Traditional Arabic","Noto Naskh Arabic","Geeza Pro",serif;font-size:49px;line-height:1.7;margin:0 0 9px;color:#f4dfad;overflow-wrap:anywhere}
.quran-title h3{font-family:Georgia,serif;font-size:30px;color:#fff;font-weight:400;margin:0 0 9px}
.quran-title>p:last-child{color:#d4e3da;font-size:12px;margin:0}
.quran-reciter-label{display:block;font-size:11px;color:#e1e9e4;margin-top:24px}
.quran-player select{width:100%;background:#ffffff0c;color:#fff;border:1px solid #ffffff4d;border-radius:9px;min-height:48px;padding:10px 12px;margin-top:7px;font:inherit;font-size:13px}
.quran-player select option{color:#153d31;background:#fff}
.quran-player .quran-reading{font-size:10px;line-height:1.6;color:#d4e3da;margin:8px 0 21px}
.quran-transport{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 20px}
.quran-transport button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #ffffff4d;background:#ffffff0c;color:#fff;border-radius:50%;width:48px;flex-shrink:0;font-size:19px}
.quran-transport button:disabled{opacity:.35;cursor:default}
.quran-transport #quran-toggle{width:auto;flex:1;border-radius:10px;background:#e4c487;color:#183e31;border-color:#e4c487;font-size:13px;font-weight:700;padding:12px 15px;gap:8px}
.quran-playing #quran-toggle{background:#f0d7a5}
.quran-player audio{display:block;width:100%;height:46px;border-radius:24px;color-scheme:light}
.quran-options{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:17px;align-items:center}
.quran-options>label{display:flex;align-items:center;gap:8px;font-size:11px;min-height:44px;cursor:pointer;color:#f2f5f2}
.quran-options input[type=checkbox]{width:18px;height:18px;accent-color:#e4c487;margin:0}
.quran-options .quran-speed-label{margin-left:auto;gap:6px}
.quran-options select{width:68px;min-height:40px;margin:0;padding:6px;font-size:11px}
.quran-player #quran-status{font-size:11px;color:#e2e9e4;line-height:1.7;min-height:38px;margin:10px 0 0}
.quran-player #quran-retry{background:transparent;border:1px solid #e4c487;color:#f4dfad;min-height:44px;border-radius:7px;padding:8px 14px;margin-top:5px;font-size:12px}
.quran-credit{padding-top:18px;margin-top:16px;border-top:1px solid #ffffff26;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;color:#d4e3da}
.quran-credit a{color:#f4dfad;min-height:36px;display:inline-flex;align-items:center;gap:5px;text-underline-offset:3px}
.quran-library{background:#fff;border:1px solid #dfe7dc;border-radius:22px;overflow:hidden}
.quran-library-head{padding:26px 26px 0}
.quran-library-head h3{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:0 0 5px}
.quran-library-head>p{font-size:12px;color:var(--muted);margin:0 0 21px}
.quran-collections{display:flex;border-bottom:1px solid var(--line);gap:23px}
.quran-collections button{min-height:45px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:12px;font-weight:600;padding:6px 0 12px}
.quran-collections button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green)}
.quran-search{display:flex;align-items:center;gap:8px;margin-top:21px;border:1px solid var(--line);border-radius:9px;padding:0 12px;color:var(--muted);background:#fafbf8}
.quran-search:focus-within{outline:2px solid var(--green);outline-offset:2px}
.quran-search svg{width:18px;height:18px;flex-shrink:0}
.quran-search input{width:100%;min-width:0;background:transparent;border:none;border-radius:0;outline:none!important;min-height:47px;padding:8px 0;margin:0;font:inherit;font-size:12px;color:var(--ink)}
.quran-search button{background:none;border:none;padding:9px 3px;min-height:44px;min-width:44px;color:var(--green);font-size:11px}
.quran-results{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;padding:15px 27px 10px;margin:0}
.surah-list{list-style:none;margin:0;padding:0 12px 12px;max-height:495px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#b1c7b9 #f1f5ef;scrollbar-width:thin}
.surah-list li{margin:0;padding:0;border-top:1px solid #eef1eb}
.surah-row{display:flex;width:100%;align-items:center;gap:15px;min-height:71px;padding:12px 14px;text-align:left;background:#fff;border:0;border-radius:8px;color:var(--ink)}
.surah-row:hover{background:#f5f7f1}
.surah-row[aria-current=true]{background:#edf4e9;color:#064a38}
.surah-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:33px;height:33px;background:#f2f5ef;border:1px solid #e0e7db;border-radius:10px;color:#577063;font-size:10px;font-variant-numeric:tabular-nums}
.surah-row[aria-current=true] .surah-number{background:var(--green);color:#fff;border-color:var(--green)}
.surah-names{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.surah-names strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.surah-names small{font-size:9px;color:var(--muted)}
.surah-arabic{font-family:"Traditional Arabic","Noto Naskh Arabic","Geeza Pro",serif;font-size:24px;line-height:1.5;text-align:right}
.surah-play{font-size:20px;color:#537664;flex-shrink:0}
.quran-empty{padding:26px;text-align:center;font-size:13px;color:var(--muted);margin:0}
.quran-footnote{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:16px 26px;background:#fafbf8}
.quran-footnote>span{color:#8c713c;font-size:24px}
.quran-footnote p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}
.quran-footnote strong{color:var(--ink);font-weight:600}
.quran-noscript{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}
.quran-section [hidden]{display:none!important}
@media(max-width:1050px){.quran-layout{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.quran-player{padding:26px}.quran-options{gap:4px 14px}.quran-options .quran-speed-label{margin-left:0}.quran-library-head{padding:23px 21px 0}.surah-row{gap:11px;padding-inline:10px}.quran-collections{gap:19px}}
@media(max-width:740px){.quran-section .sectionhead{display:block;margin-bottom:26px}.quran-section .sectionhead>p{margin-top:20px;font-size:14px}.quran-layout{grid-template-columns:1fr;gap:23px}.quran-player{position:relative;top:auto;padding:25px 23px;border-radius:20px}.quran-title{padding:22px 0}.quran-title>[lang=ar]{font-size:44px}.quran-title h3{font-size:29px}.quran-options{gap:4px 16px}.quran-options .quran-speed-label{margin-left:auto}.quran-player #quran-status{min-height:37px}.quran-library-head{padding:24px 20px 0}.quran-library-head h3{font-size:24px}.quran-results{padding-inline:21px}.surah-list{max-height:420px;padding-inline:9px}.surah-row{gap:11px;padding-inline:10px;min-height:72px}.surah-arabic{font-size:24px}.quran-footnote{padding:17px 21px}.quran-collections button{font-size:12px}.quran-credit{font-size:10px}}
@media(max-width:370px){.quran-player{padding-inline:18px}.quran-options .quran-speed-label{margin-left:0}.surah-number{width:29px;height:29px}.surah-row{gap:9px}.surah-names strong{font-size:12px}.surah-arabic{font-size:22px}.surah-play{font-size:18px}.quran-transport{gap:8px}.quran-transport button{width:44px;min-height:44px}}

/* Keep both native selectors comfortable on narrow phone screens. */
.quran-player select{min-width:0;max-width:100%}