/* Emerald and gold Quran sanctuary. Scoped to Quran routes only. */
html[data-design]:is(.qx-active,.bx-active){--ds-bg:#0b1514;--ds-panel:#12221e;--ds-soft:#1b3029;--ds-ink:#f1eee5;--ds-muted:#a0b3a8;--ds-accent:#d5b875;--ds-gold:#d5b875;--ds-line:#2b4036;--ds-hero:#102d23;--ds-onhero:#f2e8ce;--ds-radius:16px;--qx-gold:#d5b875;--qx-muted:#96aaa0;color-scheme:dark;background:#0b1514!important}
html[data-design]:is(.qx-active,.bx-active) body{margin:0!important}
html:is(.qx-active,.bx-active) :is(.app-shell,.app-main,.page-wrap,.qx-page,.qx-page *,.qx-page *:before,.qx-page *:after){box-sizing:border-box}
html:is(.qx-active,.bx-active) :is(.sidebar,.desktop-topbar,.mobile-topbar,.mobile-page-title,.bottom-nav,.design-launcher){display:none!important}
html[data-design]:is(.qx-active,.bx-active) .app-shell{display:block!important;padding:0!important;background:#0b1514!important;min-height:100dvh}
html[data-design]:is(.qx-active,.bx-active) .app-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
html[data-design]:is(.qx-active,.bx-active) .page-wrap{max-width:1264px!important;padding:0 48px 110px!important;margin:0 auto!important;width:100%!important}
html[data-design]:is(.qx-active,.bx-active) .page.qx-page{display:grid!important;grid-template-columns:minmax(0,1fr) 370px!important;grid-template-areas:'top top' 'home home' 'index index' 'bar bar' 'controls controls' 'results results' 'reader dock' 'player player'!important;gap:0 26px!important;align-items:start!important;padding:0!important;max-width:none!important;margin:0!important;isolation:isolate}
html[data-design]:is(.qx-active,.bx-active) .qx-page>:is(.qx-top,.qx-readerbar,.quran-reader-controls,.quran-global-results){margin-bottom:22px!important}
.qx-owned,.qx-owned *{box-sizing:border-box}
.qx-owned svg{width:23px;height:23px;flex-shrink:0;vertical-align:middle}
.qx-owned button{cursor:pointer;font:inherit;transition:background .18s,border-color .18s,transform .18s}
html[data-design] .qx-page .qx-owned button{color:var(--ds-ink);box-shadow:none;min-height:44px}
.qx-owned button:disabled{cursor:default;opacity:.45}
.qx-owned button:hover{border-color:#d5b87580!important}
.qx-owned button:focus-visible{outline:2px solid #e4c786!important;outline-offset:4px}
html[data-design] .qx-page>.qx-top{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:106px;border-bottom:1px solid #263b31}
.qx-brand{display:flex;align-items:center;gap:14px}
.qx-brand>svg{width:42px;height:42px;color:var(--qx-gold)}
.qx-brand>div{display:grid;gap:1px}
html[data-design] .qx-page .qx-brand strong{font:26px/1.5 Amiri,serif!important;color:#e1c786}
.qx-brand small{font-size:10px;color:#9cad9e;letter-spacing:.04em}
.qx-top nav{display:flex;gap:8px;align-items:center}
html[data-design] .qx-page .qx-top button{display:flex;align-items:center;gap:8px;border:1px solid transparent;background:transparent;padding:10px 13px;border-radius:10px;font-size:11px;color:#b6c5ba}
.qx-top button svg{width:18px;height:18px}
html[data-design] .qx-page .qx-top .qx-home-link{color:#e0c383;background:#d5b8750b;border-color:#d5b87520}
.qx-home{grid-area:home}
.qx-welcome{display:flex;align-items:end;justify-content:space-between;margin:13px 0 25px;gap:16px}
.qx-eyebrow{display:block;color:#c0a96f;font-size:10px;letter-spacing:.035em}
html[data-design] .qx-page .qx-welcome h1{font-size:27px;letter-spacing:-1px;font-weight:550;margin:5px 0 0}
.qx-offline{display:flex;gap:8px;align-items:center;font-size:10px;color:#91a69a;margin-bottom:8px}
.qx-offline i{width:5px;height:5px;background:#76ba8d;border-radius:50%;box-shadow:0 0 10px #73b78950}
.qx-hero{position:relative;display:grid;grid-template-columns:1.25fr 1fr;min-height:336px;overflow:hidden;border:1px solid #b399586b;border-radius:24px;background:radial-gradient(ellipse at 15% 40%,#2c57402e,transparent 55%),linear-gradient(115deg,#10271e,#10271f 50%,#11241d);box-shadow:0 16px 40px #0002}
.qx-hero:before,.qx-hero:after{content:'';position:absolute;pointer-events:none;inset:10px;border:1px solid #b399581b;border-radius:17px}
.qx-hero:after{inset:auto auto -190px -110px;width:520px;height:520px;border:1px solid #bb9c4e18;border-radius:50%;background:repeating-conic-gradient(from 22.5deg,#d0b36e03 0deg 22.5deg,transparent 22.5deg 45deg);box-shadow:0 0 0 22px #c7ae6510,0 0 0 45px #c7ae6505}
.qx-hero-copy{position:relative;z-index:1;padding:34px 45px 34px 10px}
.qx-kicker{font:17px/1.8 Amiri,serif;color:#aaae8b}
html[data-design] .qx-page .qx-hero h2{font:700 59px/1.35 Amiri,serif!important;color:#dfc17d;margin:8px 0 0}
html[data-design] .qx-page .qx-hero-copy>p{font:25px/1.8 Amiri,serif!important;color:#e4decb;margin:0}
.qx-hero-meaning{color:#93a797;font-size:11px;display:block;margin-bottom:22px}
.qx-resume-info{display:grid;gap:5px;max-width:320px;border-right:2px solid #927b47;padding-right:14px}
.qx-resume-info>span{font-size:9px;color:#a7b39c}
.qx-resume-info>strong{font-size:13px!important;font-weight:500}
.qx-resume-info>strong i{font-style:normal;color:#8b805c;padding:0 6px}
.qx-resume-info>small{font-size:9px;color:#93a28f}
.qx-progress{height:3px;background:#ffffff0c;border-radius:3px;width:160px;margin:3px 0}
.qx-progress i{display:block;height:100%;background:#64af83;border-radius:3px}
html[data-design] .qx-page .qx-primary{display:inline-flex;align-items:center;flex-direction:row-reverse;gap:28px;border:1px solid #cfb471;background:#d2b475;color:#14251c;min-height:42px;padding:10px 20px;border-radius:9px;margin-top:20px;font-size:12px;font-weight:750}
.qx-primary svg{transform:rotate(180deg);width:19px}
.qx-book-scene{position:relative;display:grid;place-items:center;perspective:1000px;min-width:0}
.qx-book{position:relative;width:191px;height:271px;border-radius:3px 9px 9px 3px;transform:rotate(-14deg) rotateY(-18deg);background:linear-gradient(120deg,#254633,#0d2319 55%,#203c29);border:1px solid #b29b58;box-shadow:12px 16px 0 -5px #0a160f,13px 18px 0 -5px #736b48,18px 25px 0 -7px #0b1c12,24px 37px 32px #0008,inset 7px 0 9px #0007;z-index:2}
.qx-book:before{content:'';position:absolute;inset:8px 6px 8px 13px;border:3px double #ad9359;border-radius:2px}
.qx-book:after{content:'';position:absolute;bottom:-36px;right:33px;height:36px;width:18px;background:#408663;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}
.qx-cover-frame{position:absolute;inset:19px 17px 19px 24px;border:1px solid #a68e53;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:repeating-conic-gradient(from 45deg,#ccb77809 0% 25%,transparent 0% 50%) 0 0/18px 18px;color:#d0b374}
.qx-cover-frame:before,.qx-cover-frame:after{content:'❖';position:absolute;font-size:26px;top:-15px;background:#1a3424;padding:0 3px}.qx-cover-frame:after{top:auto;bottom:-15px}
.qx-cover-flower{font:27px Amiri,serif;color:#b8a064;line-height:1}
.qx-cover-medallion{border:3px double #bfa263;border-radius:48% 48% 45% 45%;padding:20px 12px;width:120px;height:142px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#183321;box-shadow:0 0 0 5px #183321,0 0 0 6px #9a8548}
.qx-cover-medallion span,.qx-cover-medallion strong{font:31px/1.4 Amiri,serif!important;color:#dfc17d!important}
.qx-stats{display:flex;align-items:center;gap:26px;padding:23px 14px;border-bottom:1px solid #263b31;color:#92a598;font-size:11px}
.qx-stats b{font-size:19px;color:#e1d8bd;font-weight:500;margin-left:5px}
.qx-stats>i{height:20px;width:1px;background:#294033}
.qx-stats-note{margin-right:auto;color:#788e81;font-size:10px}
.qx-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:28px 0 17px}
html[data-design] .qx-page .qx-section-title h2{font-size:19px;font-weight:550;margin:0}
.qx-section-title>span{font-size:10px;color:#8ca194}
.qx-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
html[data-design] .qx-page .qx-feature{position:relative;display:grid;grid-template-columns:1fr auto;text-align:right;padding:22px 23px 19px;border:1px solid #2b4234;border-radius:15px;background:linear-gradient(135deg,#14271e,#102019);overflow:hidden}
.qx-feature:hover{transform:translateY(-3px);background:#1a3024!important}
.qx-feature-icon{display:grid;place-items:center;width:47px;height:47px;border:1px solid #b79d545c;border-radius:50%;background:radial-gradient(circle at 35% 25%,#d3b5711a,transparent);color:#d3b777;margin-bottom:18px}
.qx-feature-icon svg{width:26px;height:26px}
.qx-feature-number{font-size:11px;color:#70816b;align-self:start;padding-top:7px}
.qx-feature strong{grid-column:1/-1;font-size:15px;font-weight:600;color:#e8e6d9!important}
.qx-feature small{grid-column:1/-1;font-size:10px;line-height:2;margin-top:6px;color:#8ea291;padding-left:20px}
.qx-feature-arrow{position:absolute;left:22px;bottom:20px;color:#c2a465}
.qx-learning{display:flex;gap:14px;align-items:center;padding:18px 23px;margin-top:17px;border:1px solid #344132;border-radius:13px;background:#bcaa6910}
.qx-learning>svg{color:#c8b277;width:27px;height:27px}
.qx-learning>div{display:grid;gap:5px}.qx-learning strong{font-size:12px;font-weight:550}.qx-learning span{font-size:10px;color:#92a38d}
html[data-design] .qx-page .qx-learning button{display:flex;flex-direction:row-reverse;align-items:center;gap:10px;margin-right:auto;border:0;background:transparent;padding:6px;color:#d4be85;font-size:11px}
.qx-learning button svg{width:17px;transform:rotate(180deg)}
.qx-index{grid-area:index;min-width:0;padding-bottom:24px}
.qx-index-tabs{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #2b3e32;border-radius:10px}
html[data-design] .qx-page .qx-index-tabs button{display:flex;gap:7px;align-items:center;font-size:10px;min-height:34px;padding:7px 12px;border:0;background:transparent;border-radius:6px;color:#97aa9a}
.qx-index-tabs svg{width:14px;height:14px}
html[data-design] .qx-page .qx-index-tabs [aria-pressed=true]{color:#dfc78e;background:#c0a06115}
.qx-search-row{display:flex;gap:12px;margin-bottom:17px}
.qx-search{display:flex;flex:1;align-items:center;gap:12px;border:1px solid #2c4034;border-radius:12px;background:#15231c;padding:0 16px;min-width:0;color:#bfa76c}
html[data-design] .qx-page .qx-search input{width:100%;min-width:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none;padding:16px 0!important;color:#e6e5d8!important;font-size:12px}
.qx-search input::placeholder{color:#819687;opacity:1}
html[data-design] .qx-page .qx-search-row>button{display:flex;align-items:center;gap:8px;border:1px solid #2d4134;background:#14231b;border-radius:12px;padding:9px 17px;color:#bcae87;font-size:10px}
.qx-search-row>button svg{width:17px;height:17px}
.qx-surahs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
html[data-design] .qx-page .qx-surah{display:flex;align-items:center;gap:15px;text-align:right;border:1px solid #253c2f;border-radius:12px;background:#112018;padding:14px 18px;min-height:84px}
.qx-surah:hover{background:#1b3023!important}
.qx-surah-number{width:30px;height:30px;display:grid;place-items:center;border:1px solid #b69b514a;transform:rotate(45deg);border-radius:6px;color:#c1ae74;flex-shrink:0;margin:0 4px}
.qx-surah-number i{transform:rotate(-45deg);font-style:normal;font-size:12px}
.qx-surah>span:nth-child(2){display:grid;gap:5px}
.qx-surah strong{font-size:14px;font-weight:500;color:#e2e5d7!important}
.qx-surah small{font-size:9px;color:#839b86}
.qx-surah-end{margin-right:auto;color:#788e71;font-size:15px}.qx-surah-end svg{width:15px;height:15px;color:#d2b577}
.qx-empty{color:#b7c5b5!important;padding:35px 15px;text-align:center;font-size:13px!important}
.qx-owned [hidden]{display:none!important}
/* Retain the native functions behind their new entry points. */
html[data-design] .qx-page>:is(.quran-reader-heading,.quran-reader-summary,.siraj-extra-quran-card,.quran-miracles-entry,.rah-quran-index,.rah-study-bar){display:none!important}
html[data-design] .qx-page>.quran-reader-controls{display:none!important;grid-area:controls!important;scroll-margin-top:20px;background:#152720!important;border:1px solid #36523e!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:24px!important}
html[data-design] .qx-page.qx-settings-open>.quran-reader-controls{display:grid!important}
html[data-design] .qx-page>.quran-global-results{grid-area:results}
html[data-design] .qx-page[data-qx-view=home]>:is(.quran-reader-content,.qx-readerbar,.qx-dock,.qx-player){display:none!important}
html[data-design] .qx-page[data-qx-view=reader]>:is(.qx-home,.qx-index){display:none!important}
html[data-design] .qx-page .qx-readerbar{grid-area:bar;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:8px 0 20px;border-bottom:1px solid #2a4133;min-width:0}
html[data-design] .qx-page .qx-readerbar button{display:flex;gap:8px;align-items:center;justify-content:center;border:1px solid #344536;border-radius:8px;background:#15231c;color:#d3bd87;font-size:11px;padding:7px 12px}
.qx-readerbar button svg{width:17px;height:17px}
.qx-readerbar label{display:flex;align-items:center;gap:8px;font-size:10px;color:#8ba18e}
html[data-design] .qx-page .qx-readerbar select{border:0!important;border-bottom:1px solid #44513a!important;border-radius:0!important;background:transparent!important;color:#e9e3cf!important;padding:8px!important;font-size:13px;min-height:42px;max-width:150px}
.qx-location{color:#9dac96;font-size:10px;margin-right:auto}
.qx-reader-tools{display:flex;gap:5px;margin-right:auto}
html[data-design] .qx-page .qx-reader-tools .qx-size{font-size:18px;padding:5px;width:36px;min-height:38px}
html[data-design] .qx-page>.quran-reader-content{grid-area:reader;background:#15211d!important;border:1px solid #314037!important;border-radius:18px!important;overflow:visible!important;padding:0!important;outline:none!important}
html[data-design] .qx-page .quran-surah-toolbar{border-radius:18px 18px 0 0!important;background:#1b2a22!important;padding:20px 26px!important;border-bottom:1px solid #344538!important}
html[data-design] .qx-page .quran-surah-toolbar h2{font:27px/1.7 Amiri,serif!important;color:#e0c589!important}
html[data-design] .qx-page .quran-surah-toolbar .section-eyebrow{font-size:9px;color:#94a38b}
html[data-design] .qx-page .quran-surah-toolbar button{color:#d3bb81!important;border:1px solid #4a503a!important;background:transparent!important;border-radius:7px!important}
html[data-design] .qx-page .quran-ayah-search{display:flex!important;margin:16px 22px!important;background:#ffffff04!important;border:1px solid #304235!important;border-radius:9px!important;min-height:40px;padding:0 12px!important}
html[data-design] .qx-page .quran-ayah-search input{background:transparent!important;border:0!important;font-size:11px;color:#d2dacb;padding:12px 8px!important}
html[data-design] .qx-page .quran-ayah-list{padding:4px 22px 30px!important}
html[data-design] .qx-page .quran-ayah-list>.quran-ayah-card{position:relative;display:flex!important;flex-direction:column!important;gap:4px!important;padding:12px 19px 17px!important;border:1px solid transparent!important;border-bottom:1px solid #a9b09112!important;background:transparent!important;border-radius:13px!important;margin:0 0 7px!important;scroll-margin-top:28px;box-shadow:none!important}
html[data-design] .qx-page .quran-ayah-list>.quran-ayah-card.qx-selected{background:#c7c4a512!important;border-color:#a6955b4a!important}
html[data-design] .qx-page .quran-ayah-list>.quran-ayah-card:hover{background:#ffffff04!important}
html[data-design] .qx-page .quran-ayah-list>.quran-ayah-card.qx-selected:hover{background:#c7c4a512!important}
html[data-design] .qx-page .quran-ayah-list>.quran-ayah-card--basmala{border:0!important;text-align:center;padding:14px 0!important}
html[data-design] .qx-page .quran-arabic{font-family:Amiri,serif!important;font-size:calc(2.05rem * var(--rah-reading-scale,1))!important;line-height:2.25!important;color:#f0eee3!important;font-weight:400!important;margin:3px 0 0!important;text-align:right!important;cursor:pointer}
html[data-design] .qx-page .quran-ayah-card--basmala .quran-arabic{text-align:center!important;font-size:calc(1.65rem * var(--rah-reading-scale,1))!important;color:#c8b883!important;cursor:default}
html[data-design] .qx-page .quran-ayah-toolbar{display:flex!important;align-items:center;gap:8px!important;order:2;padding:0!important;border:0!important;margin:0!important;flex-direction:row!important;width:100%!important}
html[data-design] .qx-page .quran-ayah-number{border:1px solid #a18b5159!important;color:#c3ae76!important;width:27px!important;height:27px!important;background:transparent!important;flex-shrink:0;font:12px RahVazir,sans-serif!important}
.qx-page .quran-ayah-reference{font-size:9px!important;color:#8c9d88!important}
html[data-design] .qx-page .quran-ayah-toolbar>div{margin-right:auto!important;display:flex!important;gap:3px}
html[data-design] .qx-page .quran-ayah-toolbar button{min-width:30px!important;min-height:30px!important;font-size:9px!important;padding:4px 7px!important;border:0!important;background:transparent!important;color:#a4ad96!important}
html[data-design] .qx-page .quran-ayah-list .quran-ayah-card>:is(.quran-translation,.quran-ayah-related-actions,.quran-commentary,.quran-word-meanings,.quran-related-hadiths,.quran-related-ayahs){display:none!important}
html:is(.qx-active,.bx-active) #siraj-quran-audio-layer{display:none!important}
/* Sticky research panel; originals remain in React, the preview is owned here. */
html[data-design] .qx-page .qx-dock{grid-area:dock;position:sticky;top:24px;min-width:0;border:1px solid #3a4437;border-radius:18px;background:#202b24;overflow:hidden;box-shadow:0 12px 32px #0002}
.qx-dock-handle{display:none}
.qx-dock-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 22px 17px}
html[data-design] .qx-page .qx-dock-heading h2{font-size:14px;font-weight:500;margin:5px 0 0;color:#e4dfcd}
html[data-design] .qx-page .qx-dock-heading button{display:flex;align-items:center;justify-content:center;border:1px solid #58604b55;border-radius:50%;min-height:30px;width:30px;padding:0;background:transparent;color:#a5b09a}
.qx-dock-heading button span{display:none}.qx-dock-heading button svg{width:15px;height:15px}
.qx-detail-tabs{display:flex;padding:0 16px;gap:5px;overflow-x:auto;border-bottom:1px solid #a0a48025;scrollbar-width:none}
html[data-design] .qx-page .qx-detail-tabs button{white-space:nowrap;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#a7b5a1;padding:12px 9px;font-size:11px;min-height:45px}
html[data-design] .qx-page .qx-detail-tabs [aria-selected=true]{color:#e3c584;border-bottom-color:#d9b872}
.qx-detail-controls{padding:17px 22px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.qx-source-label{display:flex;align-items:center;gap:10px;font-size:10px;color:#a8b39a;width:100%}
html[data-design] .qx-page .qx-source-label select{flex:1;min-width:0;width:100%;border:1px solid #53604477!important;border-radius:8px!important;background:#18261d!important;color:#d2d7c3!important;font-size:11px;min-height:38px;padding:7px 10px!important}
html[data-design] .qx-page .qx-compare{min-height:30px;padding:5px 0;font-size:10px;color:#d7bd82;background:transparent;border:0}
.qx-detail-body{max-height:calc(100dvh - 325px);min-height:180px;overflow:auto;padding:20px 23px 26px;scrollbar-width:thin;scrollbar-color:#647052 transparent;overscroll-behavior:contain}
html[data-design] .qx-page .qx-detail-body .quran-translation{display:block!important;border:0!important;background:transparent!important;margin:0!important;padding:0!important;color:#e2e4d6!important}
html[data-design] .qx-page .qx-detail-body .quran-translation>span{font-size:11px;color:#d9c28b}
html[data-design] .qx-page .qx-detail-body .quran-translation p{font-size:15px!important;line-height:2.4!important;color:#e2e4d6!important;margin-top:12px!important}
html[data-design] .qx-page .qx-detail-body :is(.quran-commentary,.quran-word-meanings,.quran-related-hadiths,.quran-related-ayahs){display:block!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;font-size:12px;line-height:2.3;box-shadow:none!important}
html[data-design] .qx-page .qx-detail-body :is(.quran-word-meaning-card,.quran-hadith-card,.quran-related-ayah-card,.quran-ayah-detail-card){background:#17271d!important;color:#dbe2cd!important;border:1px solid #3c513b!important;padding:14px!important;border-radius:10px!important;margin-bottom:12px;min-width:0}
.qx-detail-body :is(p,small,span){overflow-wrap:anywhere}
.qx-detail-body button{background:#283d2b!important;color:#e3cd96!important;border-color:#55613f!important;border-radius:7px!important;font-size:11px!important}
html[data-design] .qx-page .qx-detail-body :is(h3,h4){color:#d5bc83!important;font-size:13px}
.qx-detail-empty{padding:22px 4px;text-align:center;color:#b5c0a7;font-size:12px;line-height:2.2}
.qx-detail-empty svg{width:35px;height:35px;color:#c5af79}
.qx-result-count{font-size:10px!important;color:#a6b39b!important;margin:0 0 15px}
.qx-translation-item{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #a3ac8128}
html[data-design] .qx-page .qx-translation-item h3{font-size:12px!important;font-weight:550;margin:0 0 10px;color:#d5bc83!important}
html[data-design] .qx-page .qx-translation-item p{font-size:14px;line-height:2.35;margin:0;color:#e0e5d4!important}
.qx-translation-item small{display:block;font-size:9px;color:#9daa8d;margin-top:9px}
html[data-design] .qx-page .qx-player{grid-area:player;position:fixed;z-index:35;bottom:19px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:min(1168px,calc(100% - 96px));padding:13px 20px;border:1px solid #7b704851;border-radius:17px;background:#182a21f5;backdrop-filter:blur(18px);box-shadow:0 10px 35px #0006;min-height:79px}
.qx-player-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid #a1884b64;border-radius:50%;color:#dbc286;background:#b6a15b0b}
.qx-player>div:nth-child(2){display:grid;gap:5px;min-width:100px}
.qx-player strong{font-size:12px!important;font-weight:550}.qx-player small{font-size:10px;color:#99ac94}
.qx-player-wave{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;height:30px;opacity:.45}
.qx-player-wave i{width:2px;height:9px;background:#baa363;border-radius:2px}.qx-player-wave i:nth-child(3n){height:18px}.qx-player-wave i:nth-child(5n){height:28px}.qx-player-wave i:nth-child(7n){height:13px}
html[data-design] .qx-page .qx-play{display:flex;align-items:center;gap:12px;background:#d3b578;border:1px solid #dec28b;border-radius:10px;color:#11281a;padding:10px 16px;font-size:11px;font-weight:750}
.qx-play svg{width:18px;height:18px;fill:currentColor;stroke-width:0}
html[data-design] .qx-page .qx-bookmark{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #4b553c;border-radius:10px;color:#bdb690;font-size:10px;padding:10px 13px}
.qx-bookmark svg{width:17px;height:17px}.qx-bookmark[aria-pressed=true] svg{fill:#d4bc81;color:#d4bc81}
html[data-design] .qx-page.qx-focus{grid-template-columns:1fr!important;grid-template-areas:'top' 'bar' 'controls' 'results' 'reader' 'player'!important;max-width:900px!important;margin:auto!important}
.qx-page.qx-focus>.qx-dock,.qx-page.qx-dock-collapsed>.qx-dock{display:none!important}
html[data-design] .qx-page.qx-dock-collapsed{grid-template-columns:1fr!important;grid-template-areas:'top' 'bar' 'controls' 'results' 'reader' 'player'!important}
@media(min-width:1600px){html[data-design]:is(.qx-active,.bx-active) .page-wrap{max-width:1400px!important}.qx-hero{min-height:360px}.qx-hero-copy{padding-right:55px}.qx-book{width:207px;height:290px}}
@media(max-width:1050px){html[data-design]:is(.qx-active,.bx-active) .page-wrap{padding:0 26px 115px!important}html[data-design]:is(.qx-active,.bx-active) .page.qx-page{grid-template-columns:minmax(0,1fr) 320px!important;gap:18px!important}.qx-top nav{gap:3px}html[data-design] .qx-page .qx-top button{padding:8px;font-size:10px}.qx-hero-copy{padding-right:30px}.qx-location{margin-right:0}.qx-stats-note{display:none}.qx-stats{justify-content:center}.qx-feature small{font-size:9px}.qx-detail-tabs{padding-inline:8px;gap:1px}.qx-detail-body{padding-inline:18px}.qx-player{width:calc(100% - 52px)!important}.qx-reader-tools{width:100%}.qx-reader-tools [data-qx=settings]{margin-right:auto}html[data-design] .qx-page .quran-arabic{font-size:calc(1.8rem * var(--rah-reading-scale,1))!important}}
@media(max-width:760px){
 html[data-design]:is(.qx-active,.bx-active) .page-wrap{padding:0 18px 105px!important}
 html[data-design]:is(.qx-active,.bx-active) .page.qx-page{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'top' 'home' 'index' 'bar' 'controls' 'results' 'reader' 'dock' 'player'!important;gap:16px!important}
 html[data-design] .qx-page>.qx-top{min-height:88px;gap:10px}.qx-brand>svg{width:31px;height:31px}.qx-brand{gap:9px}html[data-design] .qx-page .qx-brand strong{font-size:23px!important}.qx-brand small{font-size:8px}
 .qx-top nav button span{display:none}.qx-top .qx-home-link{display:none!important}html[data-design] .qx-page .qx-top button{width:38px;min-height:38px;padding:9px;border:1px solid #344633;border-radius:50%}.qx-top nav{gap:7px}
 .qx-welcome{margin:10px 0 19px;align-items:center}.qx-welcome .qx-eyebrow{font-size:9px}html[data-design] .qx-page .qx-welcome h1{font-size:22px}.qx-offline{font-size:0;gap:0}.qx-offline i{width:7px;height:7px}
 .qx-hero{min-height:325px;grid-template-columns:1.25fr .8fr;border-radius:20px}.qx-hero-copy{padding:26px 24px 25px 0}.qx-kicker{font-size:14px}html[data-design] .qx-page .qx-hero h2{font-size:46px!important}html[data-design] .qx-page .qx-hero-copy>p{font-size:19px!important;white-space:nowrap}.qx-hero-meaning{font-size:9px;margin-bottom:20px}.qx-resume-info{padding-right:10px}.qx-resume-info>strong{font-size:12px!important}.qx-resume-info>small{font-size:8px}.qx-resume-info>span{font-size:8px}
 .qx-book{width:132px;height:195px;transform:rotate(-12deg) rotateY(-20deg);margin-left:10px;margin-top:30px}.qx-cover-frame{inset:15px 12px 15px 18px}.qx-cover-medallion{width:81px;height:106px;padding:9px}.qx-cover-medallion span,.qx-cover-medallion strong{font-size:23px!important}.qx-cover-flower{font-size:19px}.qx-cover-frame:before,.qx-cover-frame:after{font-size:19px;top:-12px}.qx-cover-frame:after{top:auto;bottom:-12px}.qx-book:before{inset:6px 4px 6px 9px}
 .qx-stats{gap:15px;padding:18px 3px}.qx-stats b{font-size:17px;margin-left:3px}.qx-stats>span{font-size:9px}.qx-stats>i{height:16px}
 .qx-section-title{margin:24px 0 14px}html[data-design] .qx-page .qx-section-title h2{font-size:17px}.qx-section-title>span{font-size:8px}.qx-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-design] .qx-page .qx-feature{padding:19px 17px 17px;border-radius:13px}.qx-feature-icon{width:44px;height:44px;margin-bottom:14px}.qx-feature strong{font-size:13px}.qx-feature small{font-size:9px;min-height:36px;line-height:2;padding-left:8px}.qx-feature-number{font-size:9px}.qx-feature-arrow{left:14px;bottom:12px;font-size:12px}
 .qx-learning{padding:14px;gap:10px}.qx-learning>svg{width:22px}.qx-learning strong{font-size:11px}.qx-learning span{font-size:8px}html[data-design] .qx-page .qx-learning button{font-size:9px;gap:4px}.qx-learning button svg{width:14px}
 .qx-search-row{flex-wrap:wrap;gap:8px}.qx-search{width:100%;flex-basis:100%}.qx-search-row>button{width:100%;justify-content:center;min-height:38px!important}.qx-index .qx-section-title{align-items:end}.qx-index-tabs{gap:0;padding:3px}html[data-design] .qx-page .qx-index-tabs button{font-size:9px;padding:5px 8px;gap:4px;min-height:32px}.qx-index-tabs svg{width:12px}.qx-surahs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html[data-design] .qx-page .qx-surah{gap:10px;padding:12px 10px;min-height:76px}.qx-surah-number{width:26px;height:26px}.qx-surah strong{font-size:13px}.qx-surah small{font-size:8px}.qx-surah-end{font-size:12px}
 html[data-design] .qx-page .qx-readerbar{gap:8px;padding-bottom:13px}.qx-readerbar>.qx-reader-tools{gap:5px}.qx-readerbar>button{font-size:10px!important;padding:6px 8px!important}.qx-readerbar>label{gap:4px;font-size:9px}html[data-design] .qx-page .qx-readerbar select{font-size:11px;max-width:105px;padding:6px!important}.qx-location{font-size:9px;width:100%;text-align:center;padding:3px 0}.qx-reader-tools button{font-size:9px!important;padding:6px 8px!important}.qx-reader-tools button svg{width:15px}.qx-reader-tools .qx-size{width:32px!important;font-size:18px!important}
 html[data-design] .qx-page>.quran-reader-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:17px!important;gap:15px!important}.qx-page .quran-reader-field>span{font-size:10px!important}.qx-page .quran-reader-field select{max-width:100%;font-size:11px!important}
 html[data-design] .qx-page>.quran-reader-content{border-radius:16px!important}html[data-design] .qx-page .quran-surah-toolbar{padding:15px 19px!important}html[data-design] .qx-page .quran-surah-toolbar h2{font-size:25px!important}html[data-design] .qx-page .quran-ayah-list{padding:0 10px 25px!important}html[data-design] .qx-page .quran-ayah-list>.quran-ayah-card{padding:10px 13px 13px!important}html[data-design] .qx-page .quran-arabic{font-size:calc(1.85rem * var(--rah-reading-scale,1))!important;line-height:2.4!important}
 html[data-design] .qx-page[data-qx-view=reader]{padding-bottom:42dvh!important}
 html[data-design] .qx-page .qx-dock{position:fixed;z-index:30;left:0;right:0;bottom:80px;top:auto;border-radius:23px 23px 0 0;border:1px solid #59604966;box-shadow:0 -15px 35px #0005;max-height:43dvh;background:#263128}
 .qx-dock-handle{display:block;margin:9px auto 0;width:42px;height:3px;border-radius:3px;background:#a7aa8560}.qx-dock-heading{padding:10px 20px 8px}.qx-dock-heading .qx-eyebrow{display:none}html[data-design] .qx-page .qx-dock-heading h2{font-size:11px;margin:0}.qx-dock-heading button{width:25px!important;min-height:25px!important}.qx-detail-tabs{padding:0 16px;justify-content:space-between;gap:5px}html[data-design] .qx-page .qx-detail-tabs button{font-size:11px;padding:8px 11px;min-height:38px}.qx-detail-controls{padding:10px 20px 0;gap:2px;flex-wrap:nowrap;justify-content:space-between}.qx-source-label{width:auto;min-width:0;font-size:9px;gap:6px;flex:1}.qx-source-label select{font-size:10px!important;min-height:32px!important;max-width:180px}.qx-compare{font-size:9px!important;white-space:nowrap;margin-right:8px}.qx-detail-body{max-height:calc(43dvh - 148px);min-height:80px;padding:13px 22px 25px}html[data-design] .qx-page .qx-detail-body .quran-translation p{font-size:13px!important;line-height:2.2!important}.qx-detail-body .quran-translation>span{font-size:10px!important}.qx-translation-item p{font-size:13px!important}
 html[data-design] .qx-page .qx-player{bottom:0;left:0;right:0;transform:none;width:100%!important;border-radius:0;border-width:1px 0 0;min-height:80px;padding:12px 15px;padding-bottom:max(12px,env(safe-area-inset-bottom));gap:10px}.qx-player-mark{display:none}.qx-player>div:nth-child(2){min-width:80px}.qx-player strong{font-size:10px!important}.qx-player small{font-size:9px}.qx-player-wave{display:none}.qx-play{margin-right:auto;font-size:9px!important;padding:9px 12px!important;gap:7px!important}.qx-play svg{width:15px}.qx-bookmark{padding:8px!important;min-width:37px;justify-content:center}.qx-bookmark span{display:none}
 html[data-design] .qx-page.qx-focus,html[data-design] .qx-page.qx-dock-collapsed{padding-bottom:0!important}
}
@media(max-width:380px){html[data-design]:is(.qx-active,.bx-active) .page-wrap{padding-inline:12px!important}.qx-hero-copy{padding-right:18px}.qx-book{width:108px;height:168px;margin-left:7px}.qx-cover-medallion{width:65px;height:88px}.qx-cover-medallion span,.qx-cover-medallion strong{font-size:20px!important}html[data-design] .qx-page .qx-hero h2{font-size:41px!important}.qx-hero-meaning{font-size:8px}.qx-stats{gap:11px}.qx-feature strong{font-size:12px}.qx-index-tabs svg{display:none}.qx-detail-tabs{gap:0;padding-inline:8px}html[data-design] .qx-page .qx-detail-tabs button{padding-inline:8px;font-size:10px}}
/* Empty named grid tracks must not leave gaps when switching entrance/reader. */
html[data-design]:is(.qx-active,.bx-active) .page.qx-page{row-gap:0!important}
@media(max-width:760px){
 html[data-design]:is(.qx-active,.bx-active) .qx-page>:is(.qx-top,.qx-readerbar,.quran-reader-controls,.quran-global-results){margin-bottom:16px!important}
 html[data-design]:is(.qx-active,.bx-active) .qx-page[data-qx-view=reader]>.qx-top{display:none!important}
 html[data-design]:is(.qx-active,.bx-active) .qx-page[data-qx-view=reader]>.qx-readerbar{padding-top:15px}
 html[data-design]:is(.qx-active,.bx-active) .qx-page[data-qx-view=reader] .quran-surah-toolbar{display:none!important}
}
@media(prefers-reduced-motion:reduce){.qx-owned button{transition:none}}