@font-face{font-family:QuranCommon;src:url(/assets/mushaf/quran-common.ttf)}@font-face{font-family:SurahNames;src:url(/assets/mushaf/surah-name-v4.ttf)}

html,body{max-width:100%;overflow-x:clip}.mushaf-main{max-width:1400px;padding:20px 28px}.mushaf-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.mushaf-toolbar input{width:80px}.mushaf-toolbar label{display:flex;align-items:center;gap:7px;min-width:0}.mushaf-toolbar select{max-width:160px}.mushaf-layout{display:block;min-width:0}.mushaf-spread{display:grid;grid-template-columns:minmax(0,1fr);gap:0;direction:rtl;max-width:630px;margin:auto;background:#fff8e9}.original-page{margin:0;min-width:0;background:#fff8e9}.page-surface{position:relative;width:100%;line-height:0}.page-surface>img{display:block;width:100%;height:auto;max-width:100%;user-select:none}.verse-overlay{position:absolute;inset:0}.verse-hit{position:absolute;background:transparent!important;color:transparent!important;border:0!important;border-radius:0;padding:0;min-width:0;min-height:0;cursor:pointer}.verse-hit:hover,.verse-hit.active{background:#b8cdb72c!important}.verse-hit:focus-visible{outline:2px solid #748c6d;outline-offset:1px}.original-page figcaption{text-align:center;color:#687262;font-size:13px;padding:8px;background:var(--bg)}.verse-inspector{position:fixed;z-index:40;left:22px;top:120px;width:min(420px,calc(100vw - 30px));background:var(--paper);padding:26px;border:1px solid var(--line);border-radius:16px;max-height:calc(100vh - 150px);overflow:auto;box-shadow:0 10px 50px #18302624}.verse-inspector[hidden]{display:none}.inspector-close{position:absolute;top:8px;inset-inline-end:10px;padding:0!important;width:32px!important;height:32px;font-size:24px!important}.verse-inspector .verse{font-size:25px}.verse-inspector .tafsir{font-size:21px}.source-picker{display:grid;gap:8px;font-size:13px}.verse-inspector select{max-width:100%;width:100%}.verse-inspector button{margin-top:12px;width:100%}.verse-inspector .source-note{font-size:11px}.meaning-label{font-size:12px;color:#927947;padding:10px 0}.meaning-nav{display:flex;gap:8px}.meaning-nav button{width:auto}
@media(min-width:960px) and (orientation:landscape){.mushaf-spread{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1260px}.original-page:first-child{border-inline-end:1px solid #efefea}}
@media(max-width:600px){header{padding:10px 12px;flex-wrap:wrap}.logo{width:112px;height:48px}nav{font-size:12px;gap:9px}.mushaf-main{padding:12px 8px}.mushaf-toolbar{gap:7px;font-size:12px}.mushaf-toolbar button,.mushaf-toolbar select,.mushaf-toolbar input{padding:7px 9px}.verse-inspector{left:8px;right:auto;top:auto;bottom:8px;width:auto;max-height:58vh;padding:22px}.mushaf-main>.source-note{font-size:11px}}

.text-mushaf{display:block;width:100%;height:auto;overflow:visible;color:#111;background:#fff8e9}.mushaf-word{fill:#111;cursor:pointer}.mushaf-word:hover,.mushaf-word.active{fill:#376341}.mushaf-word:focus-visible{outline:1px solid #81956d}

body:has(.mushaf-main){--bg:#fff8e9;background:#fff8e9}body:has(.mushaf-main) .site-header{background:#fff8e9;border-color:#e8e0cc}body:has(.mushaf-main) .mushaf-toolbar button,body:has(.mushaf-main) .mushaf-toolbar select,body:has(.mushaf-main) .mushaf-toolbar input{background:#fffaf1;border-color:#e4decc}body:has(.mushaf-main) .original-page{border-color:#e5decd}

@media(min-width:960px) and (orientation:landscape){.mushaf-spread{max-width:min(1260px,calc((100dvh - 225px)*1.2));min-width:680px}}
.verse-inspector{padding:0 23px 22px;resize:both;overflow:auto;min-width:290px;min-height:260px;width:450px;height:min(740px,calc(100dvh - 140px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:22px;background:#fffefa;box-shadow:0 18px 70px #253e2928}.verse-inspector.positioned,.ayah-note-window.positioned{right:auto!important;bottom:auto!important;position:fixed}.window-grip{display:flex;gap:12px;align-items:center;justify-content:space-between;cursor:grab;touch-action:none;padding:15px 0;border-bottom:1px solid #e4e7dc;font:500 16px UI,system-ui;color:#36553e}.window-grip:active{cursor:grabbing}.window-grip span{font-size:12px;color:#89957f}.verse-inspector .inspector-close{position:static;float:left;margin:10px 0 0;z-index:3}.reading-controls{display:flex;gap:6px;align-items:center;margin:13px 0}.reading-controls button{padding:7px 11px;border-radius:10px;font-size:14px}.reading-controls output{font-size:13px;color:#899079}.reading-controls #ayah-note{margin-inline-start:auto;color:#7b693c;background:#f4efdf}.verse-inspector h2{font-size:23px;margin:17px 0}.verse-inspector .verse{font-size:calc(var(--reading-size,22px) + 7px);font-weight:600;color:#246047;line-height:1.9;border-bottom:1px solid #e5e7dc;padding-bottom:18px}.verse-inspector .tafsir{font-size:var(--reading-size,22px);font-weight:400;line-height:2;color:#465349}.tafsir-quotation{font-weight:700;color:#216147}.source-picker{display:block}.native-source-hidden{display:none!important}.source-menu{position:relative;margin-top:7px}.source-menu-trigger{width:100%;text-align:right;padding:14px!important;border:1px solid #cbd8c1!important;border-radius:14px!important;background:#f0f5e9!important;font-weight:500;font-size:16px!important;color:#2e5039}.source-menu-list{margin-top:8px;background:#fff;border:1px solid #dae2d1;border-radius:16px;padding:10px;box-shadow:0 12px 35px #2d462516;max-height:360px;overflow:auto}.source-menu-list[hidden]{display:none}.source-menu-list input{width:100%;box-sizing:border-box;padding:10px;border:1px solid #dce2d5;border-radius:10px;font-size:14px}.source-menu-row{display:flex;gap:4px;align-items:center;border-bottom:1px solid #eef0e9;padding:5px 0;cursor:grab}.source-menu-row button:first-child{flex:1;text-align:right;background:transparent;border:0;padding:10px 7px;font-size:15px;font-weight:400}.source-menu-row button[aria-pressed=true]{background:#e8f1dd;color:#24593b;border-radius:10px}.source-menu-row button:not(:first-child){padding:4px 7px;font-size:13px;background:#f5f6f0}.mushaf-word{outline:none!important}.mushaf-word:focus-visible{filter:drop-shadow(0 0 2px #b78f32)}.ayah-note-window{position:fixed;left:35px;top:190px;width:350px;height:350px;min-width:270px;min-height:250px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);z-index:60;padding:0 18px 15px;border:1px solid #decfa9;border-radius:18px;background:#fff8db;box-shadow:0 18px 60px #51421e28;resize:both;overflow:auto;box-sizing:border-box}.ayah-note-window[hidden]{display:none}.ayah-note-window h3{font-size:16px;color:#70613c}.ayah-note-window textarea{width:100%;height:calc(100% - 150px);min-height:95px;resize:none;border:0;border-radius:9px;padding:10px;box-sizing:border-box;background:#fffcf0;font:17px/1.9 UI,system-ui;color:#514831}.note-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px;color:#8b7e5a}.note-foot button{font-size:11px;padding:6px}.page-scrubber{display:flex;align-items:center;gap:18px;background:#f5efdd;border:1px solid #e4dbc6;border-radius:16px;padding:13px 20px;margin:17px 0 10px;font-size:14px;color:#486048}.page-scrubber output{min-width:150px;font-size:14px;color:#897044}.page-scrubber input{flex:1;min-width:80px;accent-color:#47724c;cursor:pointer}@media(max-width:700px){.verse-inspector{top:120px;left:12px!important;width:calc(100vw - 24px);height:65dvh;bottom:auto}.page-scrubber{flex-wrap:wrap;gap:8px;padding:10px 13px}.page-scrubber input{flex-basis:100%}.ayah-note-window{left:12px;top:155px;width:calc(100vw - 24px)}.reading-controls{flex-wrap:wrap}}

.verse-inspector .reading-controls button,.verse-inspector .source-menu-row button{width:auto;margin-top:0}.source-menu-row button:first-child{min-width:0;flex:1!important}.source-menu-row button:not(:first-child){flex:0 0 28px;width:28px}.verse-inspector .window-grip{position:sticky;top:0;background:#fffefa;z-index:4}.verse-inspector .inspector-close{position:relative;z-index:5}.verse-inspector{max-height:calc(100dvh - 130px)}

.verse-inspector #mushaf-close{float:none;flex:none;margin:0;width:28px!important;height:28px;font-size:21px!important}.window-grip{min-height:49px;box-sizing:border-box}.window-grip span{margin-inline-start:auto}.verse-inspector .reading-controls{flex-wrap:nowrap}.reading-controls #ayah-note{font-size:12px!important;flex:1}.reading-controls button{flex:0 0 auto}.reading-controls output{flex:none}
.verse-inspector,.ayah-note-window{resize:none!important}.window-resizer{position:sticky;display:block;float:right;bottom:0;right:0;width:22px;height:22px;margin:0 -13px -12px 0;cursor:nwse-resize;touch-action:none;direction:ltr;background:repeating-linear-gradient(135deg,transparent 0 5px,#9ba68c 5px 6px,transparent 6px 9px);clip-path:polygon(100% 0,100% 100%,0 100%);z-index:8}.verse-inspector .tafsir{font-family:UI,system-ui;font-size:var(--reading-size,22px);line-height:1.95;white-space:pre-wrap;overflow-wrap:break-word;color:#45534a;margin:22px 0}.tafsir-quotation{font-family:Read,serif;font-size:1.18em;line-height:2;color:#275f42;font-weight:700}.tafsir-section-number{display:block;color:#aa8e4c;font-family:UI,system-ui;font-size:.66em;margin-top:22px;border-top:1px solid #e5e8dc;padding-top:14px}.verse-inspector #mushaf-meaning{direction:rtl;text-align:right}.verse-inspector .reading-controls{position:sticky;top:58px;background:#fffefa;z-index:3;padding:9px 0;margin:0}.source-menu-trigger{color:#355440!important}

.window-resizer{position:fixed!important;float:none;right:auto;bottom:auto;margin:0;z-index:9}.ayah-note-pin{cursor:pointer}
.notes-board{position:fixed;z-index:65;left:30px;top:125px;width:min(700px,calc(100vw - 24px));height:min(700px,calc(100dvh - 145px));min-width:300px;min-height:280px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:0 22px 18px;border:1px solid #d8dfcd;border-radius:22px;background:#f6f5ec;box-shadow:0 24px 70px #30482b2b;box-sizing:border-box}.notes-board[hidden]{display:none}.notes-board.positioned{right:auto!important;bottom:auto!important}.notes-board>.window-grip{position:sticky;top:0;z-index:3;background:#f6f5ec}.notes-board .window-grip button{padding:2px 8px;font-size:23px}.notes-board-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0;font-size:14px;color:#899077}.notes-board-tools button{font-size:13px;padding:7px 12px;background:#e8eddf;color:#56714b}.notes-surah-group h3{font:500 18px UI,system-ui;color:#49643e;margin:22px 0 12px;display:flex;align-items:center;gap:12px}.notes-surah-group h3:after{content:'';flex:1;height:1px;background:#dee3d5}.sticky-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:6px 3px 14px}.sticky-card{padding:16px;border-radius:3px 3px 20px 3px;border:1px solid #d6c49370;background:var(--sticky-paper,#fff0b3);box-shadow:2px 5px 10px #61542612;transform:rotate(var(--note-turn));transition:transform .2s;min-width:0;position:relative}.sticky-card:before,.personal-sticky:before{content:'';position:absolute;top:0;right:18%;left:18%;height:10px;background:#ffffff32}.sticky-card:hover{transform:rotate(0) translateY(-3px)}.sticky-card-head{display:flex;justify-content:space-between;font-size:12px;color:#8b7949;border-bottom:1px solid #9c894d25;padding-bottom:9px}.sticky-card p{font:16px/1.85 UI,system-ui;white-space:pre-wrap;overflow-wrap:anywhere;color:#4e513b;max-height:230px;overflow:auto;margin:12px 0}.sticky-card-actions{display:flex;gap:9px;align-items:center;justify-content:space-between}.sticky-card-actions button,.sticky-card-actions a{font:12px UI,system-ui;color:#786943;background:transparent;border:0;padding:5px 0;text-decoration:none}.notes-board-foot,.notes-empty{font:13px/1.9 UI,system-ui;color:#8b917d}.stacked-notes .sticky-cards{grid-template-columns:1fr;gap:0;padding-bottom:10px}.stacked-notes .sticky-card{margin-top:-7px;padding:12px 16px}.stacked-notes .sticky-card p{max-height:3.7em;font-size:14px;margin:8px 0}.stacked-notes .sticky-card:focus-within,.stacked-notes .sticky-card:hover{z-index:2;transform:rotate(0);box-shadow:0 9px 28px #5b542f28}.personal-sticky{padding:0 17px 17px;background:var(--sticky-paper);border-color:#96865550;border-radius:4px 4px 24px 4px;box-shadow:4px 14px 35px #534b2e25}.personal-sticky .window-grip{font-size:14px;padding:12px 0;border-color:#8b80512d}.personal-sticky .window-grip strong{font-weight:400;font-size:15px}.personal-sticky .window-grip button{padding:2px 8px;border:0;background:transparent;font-size:23px}.personal-sticky textarea{height:calc(100% - 155px);font:18px/1.9 UI,system-ui;background:transparent;color:#494d3b;padding:5px 0;outline:none}.personal-sticky>a{font:11px UI,system-ui;color:#857650;text-decoration:none}.sticky-palette{display:flex;gap:8px;align-items:center;margin:10px 0}.note-color{width:19px;height:19px;padding:0;border:1px solid #82785850;border-radius:50%;cursor:pointer}.note-color[aria-pressed=true]{outline:2px solid #82946c;outline-offset:2px}.sticky-gold,.color-gold{--sticky-paper:#fff0b8;background-color:#fff0b8}.sticky-sage,.color-sage{--sticky-paper:#e2edcf;background-color:#e2edcf}.sticky-rose,.color-rose{--sticky-paper:#f6dfe1;background-color:#f6dfe1}.sticky-blue,.color-blue{--sticky-paper:#deebf3;background-color:#deebf3}@media(max-width:650px){.notes-board{left:12px;top:130px;padding:0 15px 15px;height:65dvh}.sticky-cards{grid-template-columns:1fr}.personal-sticky{max-width:calc(100vw - 24px);left:12px!important}.notes-board .window-grip span{display:none}}

.text-mushaf,.text-mushaf text,.mushaf-word{font-weight:400!important;font-synthesis:none!important}.text-mushaf text{stroke:none!important}.verse-inspector .verse,.verse-inspector .tafsir-quotation{font-weight:400!important;font-synthesis:none}.verse-inspector .tafsir{font-weight:400!important;font-synthesis:none;font-size:calc(var(--reading-size,22px) - 1px);line-height:2;color:#526052}.verse-inspector h2{font-weight:400}.universal-verse-note{cursor:pointer}
.mushaf-main{padding-top:12px;padding-bottom:120px}.mushaf-main>#mushaf-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mushaf-dock{position:fixed;z-index:38;bottom:12px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:1100px;padding:10px 18px;background:#fff9eaf5;backdrop-filter:blur(16px);border:1px solid #dce2ce;border-radius:19px;box-shadow:0 7px 35px #34462a17;box-sizing:border-box}.mushaf-dock .mushaf-toolbar{justify-content:center;gap:8px;margin:0;font-size:13px}.mushaf-dock .mushaf-toolbar button,.mushaf-dock .mushaf-toolbar select,.mushaf-dock .mushaf-toolbar input{padding:7px 11px;font-size:13px;border-radius:10px;background:#fffdf3}.mushaf-dock #mushaf-mark,.mushaf-dock #notes-board-toggle{display:none}.mushaf-dock .page-scrubber{margin:8px 0 0;padding:0 4px;border:0;background:none;gap:12px;font-size:11px}.mushaf-dock .page-scrubber label{display:none}.mushaf-dock .page-scrubber output{font-size:12px;min-width:140px}.mushaf-dock .page-scrubber input{margin:0;height:18px}.verse-inspector #selected-verse{font-size:20px!important;line-height:1.8;font-weight:400!important;padding:9px 12px;margin:12px 0;background:#f0f4e7;border:0;border-radius:10px;color:#65815b;max-height:110px;overflow:auto}.verse-inspector .source-note{display:none}.verse-inspector #selected-reference{font-size:18px;font-weight:400;margin:13px 0 4px}.verse-inspector .tafsir{margin-top:15px}.ayah-context-menu{position:fixed;z-index:150;min-width:235px;max-width:calc(100vw - 16px);padding:9px;background:#fffdf5;border:1px solid #dce3d2;border-radius:16px;box-shadow:0 16px 45px #32462928;font-family:SiteUI,UI,system-ui}.ayah-context-menu[hidden]{display:none}.ayah-context-heading{padding:8px 10px;font-size:12px;color:#9b854d;border-bottom:1px solid #e8ebdf;margin-bottom:4px}.ayah-context-menu button{display:block;width:100%;padding:11px 12px;text-align:right;border:0;background:transparent;font-size:14px;color:#526a47;border-radius:9px;font-weight:400}.ayah-context-menu button:hover{background:#eaf1df}.ayah-audio-player{position:fixed;z-index:140;bottom:118px;left:20px;display:flex;gap:10px;align-items:center;padding:10px 14px;background:#fffef7;border:1px solid #dbe2d1;border-radius:14px;box-shadow:0 12px 40px #31452622;font:12px SiteUI,UI,system-ui;max-width:calc(100vw - 30px)}.ayah-audio-player[hidden]{display:none}.ayah-audio-player audio{height:33px;width:250px;max-width:55vw}.ayah-audio-player button{border:0;background:none;font-size:21px;padding:0 5px}@media(min-width:960px) and (orientation:landscape){.mushaf-spread{max-width:min(1260px,calc((100dvh - 185px)*1.2))}}@media(max-width:650px){.mushaf-dock{bottom:8px;width:calc(100% - 16px);padding:8px 10px;border-radius:15px}.mushaf-dock .mushaf-toolbar{gap:5px}.mushaf-dock .mushaf-toolbar label{font-size:11px;gap:4px}.mushaf-dock .mushaf-toolbar input{width:49px}.mushaf-dock .mushaf-toolbar select{max-width:90px}.mushaf-dock .mushaf-toolbar button,.mushaf-dock .mushaf-toolbar select,.mushaf-dock .mushaf-toolbar input{font-size:11px;padding:6px 8px}.mushaf-dock .page-scrubber{flex-wrap:nowrap;gap:6px}.mushaf-dock .page-scrubber input{flex-basis:auto}.mushaf-dock .page-scrubber output{min-width:115px;font-size:11px}.mushaf-main{padding-top:8px;padding-bottom:110px}.ayah-audio-player{bottom:112px;left:12px;flex-wrap:wrap}.verse-inspector #selected-verse{font-size:18px!important}}
@media(max-width:650px){.mushaf-dock .mushaf-toolbar label{font-size:0;gap:0}.mushaf-dock #mushaf-prev,.mushaf-dock #mushaf-next{font-size:0!important;width:30px;padding:4px 7px}.mushaf-dock #mushaf-prev:after{content:'→';font-size:16px}.mushaf-dock #mushaf-next:after{content:'←';font-size:16px}.mushaf-dock .mushaf-toolbar select{max-width:110px}}

@font-face{font-family:SurahHeader;src:url('/assets/mushaf/surah-name-v2.ttf');font-weight:400}.reading-controls{direction:rtl}.reading-size{direction:rtl}.reading-size button[aria-label='تكبير خط القراءة']{order:0}.reading-size button[aria-label='تصغير خط القراءة']{order:2}
.ayah-context-menu button{display:flex;align-items:center;gap:13px;padding:8px 10px}.ayah-context-menu svg{width:30px;height:30px;padding:7px;background:#eff4e6;border-radius:12px;box-sizing:content-box;fill:none;stroke:#59764a;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;flex:none}.mushaf-action-rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:36;display:flex;flex-direction:column;gap:9px;padding:0;border:0;background:none}.mushaf-action-rail button{display:grid;place-items:center;width:47px;height:47px;padding:10px;border:1px solid #dae1cc;border-radius:14px;background:#fffaf0e8;backdrop-filter:blur(8px);color:#6c8459;box-shadow:0 4px 16px #4354310c}.mushaf-action-rail svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mushaf-action-rail button:hover{color:#8d763c;background:#f4eedb}.ayah-audio-player select{font-size:12px;padding:5px 8px;background:#faf8ec;border-color:#dde3d3}@media(max-width:650px){.mushaf-action-rail{right:8px;top:130px;transform:none}.mushaf-action-rail button{width:36px;height:36px;padding:7px;border-radius:10px}.mushaf-action-rail svg{width:21px;height:21px}.mushaf-action-rail button:not(:first-child){display:none}.ayah-context-menu svg{width:24px;height:24px;padding:6px}.ayah-context-menu button{font-size:13px;padding:7px 9px}}
.mushaf-dock .ayah-audio-player{position:relative;inset:auto;left:auto;bottom:auto;width:100%;max-width:none;box-sizing:border-box;background:none;box-shadow:none;border:0;border-bottom:1px solid #dfe4d4;border-radius:0;padding:0 0 9px;margin:0 0 9px;gap:12px;font-size:12px;flex-wrap:nowrap}.mushaf-dock .ayah-audio-player audio{display:none}.mini-audio-controls{display:flex;direction:rtl;align-items:center;gap:4px;flex:none}.mushaf-dock .mini-audio-controls button{width:31px;height:31px;display:grid;place-items:center;padding:0;color:#637e50;border:0;border-radius:50%;background:#eef3e3;font-size:18px}.mushaf-dock .mini-audio-controls button:nth-child(2){background:#486b43;color:#fff}.mushaf-dock .ayah-audio-player input[type=range]{flex:1;min-width:60px;direction:ltr;accent-color:#668a51;height:15px}.mushaf-dock .ayah-audio-player output{font-size:11px;white-space:nowrap;color:#859070;direction:ltr}.mushaf-dock .ayah-audio-player label{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;color:#899173}.mushaf-dock .ayah-audio-player input[type=checkbox]{accent-color:#668a51;width:14px;height:14px}.mushaf-dock .ayah-audio-player>span{white-space:nowrap;font-size:12px;color:#70865d}.mushaf-dock .ayah-audio-player>button{font-size:19px;padding:0 4px;color:#8b947b}.audio-active .mushaf-main{padding-bottom:165px}@media(min-width:960px) and (orientation:landscape){body.audio-active .mushaf-spread{max-width:min(1260px,calc((100dvh - 235px)*1.2))}}@media(max-width:650px){.mushaf-dock .ayah-audio-player{gap:7px;flex-wrap:wrap;padding-bottom:8px;margin-bottom:7px}.mushaf-dock .ayah-audio-player>span{font-size:11px}.mushaf-dock .ayah-audio-player select{font-size:11px;padding:4px 6px}.mushaf-dock .ayah-audio-player input[type=range]{order:7;flex-basis:calc(100% - 120px)}.mushaf-dock .ayah-audio-player output{order:8}.mushaf-dock .ayah-audio-player label{margin-inline-start:auto;font-size:10px}.mushaf-dock .mini-audio-controls button{width:27px;height:27px;font-size:16px}.audio-active .mushaf-main{padding-bottom:180px}}

.window-resizer{clip-path:polygon(0 0,0 100%,100% 100%)!important;background:repeating-linear-gradient(45deg,transparent 0 5px,#8a967c 5px 6px,transparent 6px 9px)!important;cursor:nesw-resize!important}.verse-inspector #mushaf-close{width:39px!important;height:39px!important;flex:none;font-size:28px!important;line-height:1!important;color:#b33a35!important;background:#fbe7e3!important;border:1px solid #edc6be!important;border-radius:12px!important}.mushaf-spread{touch-action:pan-y}.context-listen-row{display:flex;align-items:center;background:#edf3e4;border-radius:14px;padding:3px;gap:3px}.context-listen-row>button{flex:1;background:transparent!important;width:auto!important}.context-listen-row>select{width:105px;font-size:15px;padding:10px 8px;background:#ffffff80;border:1px solid #d7e2cb;border-radius:11px;color:#54724b}.mushaf-dock .ayah-audio-player{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"identity controls options" "seek seek seek";gap:7px 12px!important;position:relative;padding:0 0 12px!important}.ayah-audio-player>span{grid-area:identity;justify-self:start;padding-inline-start:115px}.ayah-audio-player>select{grid-area:identity;justify-self:start;max-width:105px}.mini-audio-controls{grid-area:controls;justify-self:center}.ayah-audio-player>label{grid-area:options;justify-self:end;margin-inline-end:30px!important}.ayah-audio-player>button{grid-area:options;justify-self:end}.ayah-audio-player>input[type="range"]{grid-area:seek;width:100%;margin:0;height:12px!important}.ayah-audio-player>output{grid-area:options;justify-self:start;font-size:10px!important}.mushaf-dock .mini-audio-controls button{width:35px;height:35px}.mushaf-dock .mini-audio-controls button:nth-child(2){width:41px;height:41px;font-size:19px}@media(max-width:650px){.mushaf-dock .ayah-audio-player{grid-template-areas:"identity controls options" "seek seek seek" "time time time";gap:6px!important}.ayah-audio-player>span{padding-inline-start:0;font-size:10px!important}.ayah-audio-player>select{grid-area:options;justify-self:start;max-width:85px}.ayah-audio-player>label{grid-area:time;justify-self:end;font-size:10px!important;margin-inline-end:0!important}.ayah-audio-player>output{grid-area:time;justify-self:start}.ayah-audio-player>button{grid-area:options;justify-self:end}.mushaf-dock .mini-audio-controls button{width:27px;height:27px}.mushaf-dock .mini-audio-controls button:nth-child(2){width:34px;height:34px}}

.mushaf-dock .ayah-audio-player[hidden]{display:none!important}.verse-inspector .window-grip{display:grid;grid-template-columns:minmax(0,1fr) 24px 39px;align-items:center;gap:14px;padding:15px 0!important;min-height:65px}.verse-inspector .window-grip>span{margin:0!important;justify-self:center;color:#a5ad98;font-size:21px!important;line-height:1;cursor:grab}.verse-inspector #mushaf-close{justify-self:end}.mushaf-dock .ayah-audio-player>button[aria-label="إغلاق التلاوة"]{width:28px;height:28px;border:1px solid #e6bab1;border-radius:9px;background:#fbe8e2;color:#b43c33;font-size:23px;line-height:1;padding:0;display:grid;place-items:center;cursor:pointer}.mushaf-action-rail button[data-listen-toggle][aria-pressed="true"]{background:#3f694a!important;color:#fff!important;border-color:#3f694a;box-shadow:0 0 0 4px #e2ebd6}.verse-inspector .window-grip>button{margin:0!important}@media(max-width:650px){.mushaf-action-rail button[data-listen-toggle]{display:grid!important}.mushaf-action-rail{gap:7px}}

.text-mushaf :is(text.mushaf-word.is-saved,.mushaf-word.is-saved>text){fill:#a47c2c!important}.mushaf-action-rail button[data-bookmark-toggle][aria-pressed="true"]{color:#af8735!important;background:#f7ecd0!important;border-color:#d9c48e!important}.mushaf-action-rail button[data-bookmark-toggle][aria-pressed="true"] svg,.ayah-context-menu button[data-bookmark-toggle][aria-pressed="true"] svg{fill:currentColor!important}.ayah-context-menu button[data-bookmark-toggle][aria-pressed="true"]{color:#a27d31!important;background:#f6eedb}
.mushaf-page-frame{display:none;pointer-events:none}.mushaf-framed .mushaf-page-frame{display:block}.mushaf-main .mushaf-spread{width:min(100%,var(--spread-fit,1260px));max-width:1260px;min-width:0;background:var(--mushaf-paper)}.mushaf-main{padding-top:12px}.mushaf-surah-title{fill:var(--mushaf-ink,#161f18)}.mushaf-surah-info{fill:var(--mushaf-ink,#53604b)}body[data-mushaf-theme]{--mushaf-paper:#fff8e9;--mushaf-ink:#171e16;--bg:var(--mushaf-paper);background:var(--mushaf-paper)!important}body[data-mushaf-theme=ivory]{--mushaf-paper:#f3f5ec;--mushaf-ink:#1b2d23;--paper:#fcfdf7;--line:#d6decf}body[data-mushaf-theme=dark]{--mushaf-paper:#17241f;--mushaf-ink:#e8eadb;--paper:#20312a;--line:#3f5146;--soft:#293d30;--ink:#e8eadb;--muted:#b2bfad}body[data-mushaf-theme] .site-header,body[data-mushaf-theme] .original-page,body[data-mushaf-theme] .text-mushaf{background:var(--mushaf-paper)!important}body[data-mushaf-theme] .text-mushaf text.mushaf-word{fill:var(--mushaf-ink)}body[data-mushaf-theme] .mushaf-toolbar :is(button,input,select){background:var(--paper);border-color:var(--line)}body[data-mushaf-theme=dark] .site-header{border-color:var(--line)}body[data-mushaf-theme=dark] .site-brand{background:#edeedd;border-radius:9px}body[data-mushaf-theme=dark] .mushaf-dock,body[data-mushaf-theme=dark] .verse-inspector,body[data-mushaf-theme=dark] .mushaf-settings{background:var(--paper)!important;color:var(--ink);border-color:var(--line)}body[data-mushaf-theme=dark] .mushaf-dock :is(label,output),body[data-mushaf-theme=dark] .verse-inspector .tafsir,body[data-mushaf-theme=dark] #selected-reference{color:var(--ink)}body[data-mushaf-theme=dark] .source-menu-trigger,body[data-mushaf-theme=dark] #selected-verse,body[data-mushaf-theme=dark] .source-menu-list{background:var(--soft)!important;color:var(--ink)!important;border-color:var(--line)!important}body[data-mushaf-theme=dark] .source-menu-row button{color:var(--ink)}body[data-mushaf-theme=dark] .tafsir-quotation{color:#b8d4a0}body[data-mushaf-theme=dark] .text-mushaf text.mushaf-word.active{fill:#bfd3a6!important}body[data-mushaf-theme=dark] .mushaf-page-frame{opacity:.88}body[data-mushaf-theme=dark] .original-page:first-child{border-color:var(--line)}
.mushaf-settings{position:fixed;z-index:110;inset-inline-end:90px;top:140px;width:285px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 55px #20322625}.mushaf-settings-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.mushaf-settings-head strong{font-size:16px;font-weight:400}.mushaf-settings-head button{padding:0;width:30px;height:30px;font-size:22px}.mushaf-frame-choice{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;border-block:1px solid var(--line)}.mushaf-frame-choice input{width:20px;height:20px;accent-color:#436347}.settings-caption{font-size:12px;color:var(--muted);margin:16px 0 8px}.mushaf-theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mushaf-theme-options button{font-size:11px;padding:36px 4px 8px;border-radius:10px}.mushaf-theme-cream{background:#fff8e9;color:#655636}.mushaf-theme-ivory{background:#f3f5ec;color:#49614c}.mushaf-theme-dark{background:#17241f;color:#e8eadb}.mushaf-theme-options button[aria-pressed=true]{outline:2px solid #ac914c;outline-offset:2px}.mushaf-settings-trigger svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6}.verse-inspector .window-grip{grid-template-columns:minmax(0,1fr) 18px 32px;padding:10px 0!important;gap:8px;min-height:0}.inspector-heading{min-width:0}.verse-inspector #selected-verse{font:400 19px/1.75 Read,serif!important;margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;color:#49634a;max-height:103px;overflow:auto}.verse-inspector #selected-reference{font:400 11px/1.6 SiteUI,UI,system-ui;margin:3px 0 0;color:#8a967f}.verse-inspector #mushaf-close{width:32px!important;height:32px!important;font-size:25px!important;border-radius:10px!important;align-self:start;margin-top:1px!important}.verse-inspector .reading-controls{display:flex;flex-wrap:nowrap;margin:9px 0 13px;gap:4px}.verse-inspector .reading-controls .source-picker{flex:1;min-width:0}.verse-inspector .source-menu{margin:0}.verse-inspector .source-menu-trigger{font:400 12px/1.6 SiteUI,UI,system-ui!important;padding:8px 10px!important;border-radius:10px!important;min-height:35px;white-space:normal;margin:0!important}.verse-inspector .reading-controls>button{flex:none;width:29px;height:32px;padding:0;font-size:16px;border-radius:8px;margin:0!important}.verse-inspector .reading-controls output{font-size:10px;min-width:16px;text-align:center}.verse-inspector .source-menu-list{position:absolute;z-index:5;inset-inline:0;top:100%;max-height:300px;min-width:min(310px,calc(100vw - 65px));padding:8px}.verse-inspector .source-menu-row{padding:2px 0;border-color:var(--line)}.verse-inspector .source-menu-row button{margin:0!important;width:auto!important}.verse-inspector .source-menu-row button:first-child{padding:9px 8px;font-size:13px!important}.verse-inspector .source-menu-row button:not(:first-child){width:24px!important;font-size:11px}.verse-inspector .tafsir{line-height:1.95!important;margin-block:12px;font-weight:400!important}.inspector-heading>.inline-note-action{display:none!important}.verse-inspector .window-grip>span{font-size:17px!important}.verse-inspector{padding-inline:16px!important}@media(max-width:650px){.mushaf-settings{inset-inline-end:60px;top:145px;width:265px}.mushaf-action-rail .mushaf-settings-trigger{display:grid!important}.verse-inspector .source-menu-trigger{font-size:11px!important}.verse-inspector #selected-verse{font-size:18px!important}}
body[data-mushaf-theme=dark] .text-mushaf .mushaf-page-content>text:not(.mushaf-word),body[data-mushaf-theme=dark] .text-mushaf>text{fill:var(--mushaf-ink)!important}body[data-mushaf-theme=dark] .ayah-highlight-layer path{fill:#344e39;stroke:#7f9864}body[data-mushaf-theme=dark] .site-header nav a{color:#cad5bd}body[data-mushaf-theme=dark] .site-header nav a[aria-current=page]{color:#2d4b36}body[data-mushaf-theme=dark] .ayah-audio-player>select,body[data-mushaf-theme=dark] .context-listen-row>select{background:#3b5040;color:#e1ead5;border-color:#607355}body[data-mushaf-theme=dark] .ayah-audio-player>span{color:#d3dfc6}body[data-mushaf-theme=dark] .mushaf-action-rail button{color:#405c3c}body[data-mushaf-theme=dark] .source-menu-row button[aria-pressed=true]{background:#3c543a;color:#e4eed9}.verse-inspector .reading-controls #ayah-note{background:#f8f3dd;color:#94743f;width:29px!important;white-space:nowrap;overflow:hidden}.verse-inspector .reading-controls>button{width:29px!important}
.verse-inspector .reading-controls .source-menu-trigger{width:100%!important}.verse-inspector .reading-controls #ayah-note{flex:0 0 29px!important;margin-inline-start:0}.verse-inspector .reading-controls{background:var(--paper)!important;top:var(--inspector-head-height,75px)}.verse-inspector .window-grip{background:var(--paper)!important;color:var(--ink)}body[data-mushaf-theme=dark] .verse-inspector #selected-verse{background:transparent!important}.verse-inspector .reading-controls .source-menu-list{min-width:min(330px,calc(100vw - 65px))}.verse-inspector .reading-controls>button:not(#ayah-note){width:29px!important}.verse-inspector .source-menu-trigger{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
body[data-mushaf-theme=dark] .source-menu-row button:not(:first-child){background:#3b5040!important;color:#d4e1c6!important;border-color:#607355}.verse-inspector .reading-controls .source-picker{width:0;flex:1 1 0}.verse-inspector .reading-controls .source-menu-trigger{display:block!important;min-width:0;font-size:12px!important}
.verse-inspector .reading-controls .source-menu-trigger{width:100%!important;min-height:36px!important}.verse-inspector .reading-controls .source-menu{width:100%}.verse-inspector .source-menu-row{display:flex;align-items:center;gap:8px;cursor:default;border:0;border-radius:10px;padding:3px!important;transition:background .15s,box-shadow .15s}.verse-inspector .source-menu-row .source-option{flex:1!important;width:auto!important;text-align:right;padding:9px 10px!important;border:0!important;border-radius:8px;background:transparent;font-size:13px!important;font-weight:400;min-width:0}.verse-inspector .source-menu-row .source-drag-grip{flex:0 0 28px!important;width:28px!important;height:32px;font-size:20px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;color:var(--muted)!important;cursor:grab;touch-action:none}.source-drag-grip:active{cursor:grabbing}.source-menu-row.source-dragging{opacity:.45}.source-menu-row.source-drop-target{box-shadow:inset 0 3px 0 #b29b52;background:#e9eddf}.verse-inspector .source-menu-row:hover{background:#f0f4e9}.verse-inspector .source-menu-row .source-option[aria-pressed=true]{background:#e8f0df!important;color:#335a3d}.verse-inspector .source-menu-list{padding:8px;scrollbar-width:thin}.verse-inspector .source-menu-list input{font-size:12px;padding:9px 11px;background:var(--paper);color:var(--ink);border:1px solid var(--line);margin-bottom:6px}.verse-inspector .window-grip{padding-top:20px!important;padding-bottom:12px!important;align-items:start}.verse-inspector #mushaf-close{margin-top:2px!important}.inspector-heading{padding-top:2px;padding-inline-start:2px}.verse-inspector #selected-verse{padding-top:3px!important;line-height:1.85!important}.verse-inspector .window-grip>span{margin-top:11px!important}.text-mushaf .mushaf-surah-title{font-family:SurahHeader!important;font-weight:400!important;fill:var(--mushaf-ink)!important}.text-mushaf [data-end=true]>path:first-child{fill:var(--mushaf-marker-ink,#43573c)}body[data-mushaf-theme=dark]{--mushaf-marker-ink:#dde7cc}body[data-mushaf-theme=dark] .text-mushaf [data-end=true] .ayah-marker-color{filter:brightness(1.45) saturate(.65)}body[data-mushaf-theme=dark] .site-brand{background:transparent!important;border-radius:0}body[data-mushaf-theme=dark] .site-brand img{filter:url('#tq-brand-night')}body[data-mushaf-theme=dark] .source-menu-row .source-option[aria-pressed=true]{background:#3c543a!important;color:#e6edd9!important}body[data-mushaf-theme=dark] .source-menu-row:hover,body[data-mushaf-theme=dark] .source-menu-row.source-drop-target{background:#2e4134}.mushaf-framed .mushaf-spread{position:relative;gap:12px}.mushaf-framed .original-page{border:0!important}.mushaf-framed .original-page:first-child{box-shadow:inset 9px 0 14px -15px #2c392a50}.mushaf-framed .original-page:last-child{box-shadow:inset -9px 0 14px -15px #2c392a50}@media(min-width:960px) and (orientation:landscape){.mushaf-framed .mushaf-spread:after{content:'';position:absolute;pointer-events:none;top:3%;bottom:3%;left:50%;width:18px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#26312412,transparent);border-radius:50%}}body[data-mushaf-theme=dark].mushaf-framed .mushaf-spread:after{background:linear-gradient(90deg,transparent,#0005,transparent)}
.verse-inspector .reading-controls .source-menu-list{min-width:0!important;width:var(--inspector-menu-width,320px)!important;inset-inline-start:0;inset-inline-end:auto;max-width:none}.verse-inspector .source-menu-row .source-drag-grip{opacity:.7;color:var(--ink)!important}.verse-inspector .source-menu-row .source-drag-grip:hover{opacity:1;background:#8fa47722!important}.verse-inspector .source-menu-row .source-drag-grip:focus-visible{outline:2px solid #b29b52}
.verse-inspector #selected-reference{font-size:12px!important;margin-top:5px!important}.text-mushaf .mushaf-surah-info{fill:var(--mushaf-ink);opacity:.78}
.mushaf-surah-medallion{fill:var(--mushaf-paper,#fff8e9);stroke:#63764e;stroke-width:1}.text-mushaf .mushaf-surah-info{opacity:1;fill:var(--mushaf-ink)}.mushaf-spread{gap:18px!important;position:relative}.original-page:first-child{border-inline-end:0!important}.mushaf-framed .mushaf-spread:after{display:none!important}.mushaf-framed .original-page{box-shadow:none!important}.reading-ribbon{position:absolute;z-index:2;bottom:10px;left:50%;transform:translateX(-50%);width:17px;height:62px;padding:7px 1px 15px;background:#ac8a42;border:0;border-radius:2px 2px 0 0;clip-path:polygon(0 0,100% 0,100% 100%,50% 87%,0 100%);color:#fff6de;box-shadow:0 2px 10px #4b402325}.reading-ribbon svg{width:13px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.reading-ribbon:hover{background:#8f7136;color:#fff}.mushaf-word{touch-action:manipulation}
.reading-ribbon[aria-pressed=true]{background:#876827}.reading-ribbon[aria-pressed=true] svg{fill:currentColor}.reading-ribbon:focus-visible{outline:none;background:#755e2f}

.text-mushaf .mushaf-page-heading text{fill:var(--mushaf-ink,#536847);opacity:.85}.mushaf-bookmarks-menu{position:fixed;z-index:115;box-sizing:border-box;background:var(--paper,#fffef8);color:var(--ink,#35523e);border:1px solid var(--line,#dce4d2);border-radius:16px;padding:13px;box-shadow:0 15px 45px #1c382629;font-family:SiteUI,UI,system-ui}.mushaf-bookmarks-menu[hidden]{display:none}.mushaf-bookmarks-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line,#dde4d3)}.mushaf-bookmarks-head strong{font-size:15px;font-weight:400}.mushaf-bookmarks-head button{width:29px;height:29px;padding:0;font-size:22px;border-radius:8px}.mushaf-bookmarks-list{max-height:min(440px,55dvh);overflow:auto;scrollbar-width:thin}.bookmark-section-caption{display:block;font-size:11px;color:var(--muted,#849077);margin:13px 4px 6px}.mushaf-bookmark-item{display:flex;align-items:flex-start;gap:10px;padding:10px 8px;border-radius:10px;color:inherit;text-decoration:none;border:1px solid transparent}.mushaf-bookmark-item:hover{background:#93ad6b16;border-color:var(--line,#dae2ce)}.bookmark-list-symbol{font-size:16px;color:#aa8b48;line-height:1.7}.mushaf-bookmark-item>span:last-child{min-width:0;flex:1}.mushaf-bookmark-item strong{font-size:13px;font-weight:400;display:block}.mushaf-bookmark-item small{display:block;font-size:10px;color:var(--muted,#89957f);margin:2px 0}.mushaf-bookmark-item p{font:400 16px/1.8 Read,serif;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bookmarks-empty{font-size:12px;color:var(--muted);margin:10px 5px}

.text-mushaf,.text-mushaf *{user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}.mushaf-spread{touch-action:pan-y pinch-zoom;overflow:auto}.original-page{zoom:var(--mushaf-zoom,1)}#reader-top-tools{display:flex;align-items:center;gap:12px;position:sticky;top:0;background:var(--paper,#fff8e9);z-index:25;padding:9px 16px;border-bottom:1px solid #85957425}#reader-top-tools .page-scrubber{flex:1;min-width:0;margin:0!important;padding:0!important}#reader-top-tools .page-scrubber input{height:28px;margin:0!important}#reader-top-tools .page-scrubber label,#reader-top-tools .page-scrubber output{font-size:11px}.mushaf-zoom{display:flex;align-items:center;gap:4px}.mushaf-zoom button{padding:5px 8px;min-width:32px;min-height:32px;font-size:12px}.mushaf-dock{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}@media(max-width:650px){#reader-top-tools{padding:7px 48px 7px 8px;gap:6px}.mushaf-zoom button{padding:3px 5px;font-size:10px}}

.mushaf-offline{position:relative;flex:none;font-size:12px}.mushaf-offline summary{list-style:none;padding:6px 8px;border:1px solid #d7e0ce;border-radius:9px;cursor:pointer}.mushaf-offline>div{position:absolute;top:calc(100% + 8px);left:0;width:min(290px,calc(100vw - 24px));padding:16px;border:1px solid #d5decb;background:var(--paper,#fff8e9);border-radius:14px;box-shadow:0 8px 30px #20352620}.mushaf-offline p{line-height:1.8;color:#7f8b72;margin:8px 0}.mushaf-offline button{padding:8px;font-size:12px}.mushaf-offline output{display:block;margin-top:8px}.mushaf-word{outline:none!important}.text-mushaf{touch-action:pan-y pinch-zoom}

/* One compact dock: the slider sits above the remaining controls. */
#reader-top-tools{position:static!important;top:auto!important;padding:8px 10px!important;border:0!important;border-bottom:1px solid #80946c22!important;border-radius:0!important;background:transparent!important;width:100%!important;gap:8px!important}.mushaf-dock{display:flex!important;flex-direction:column!important;gap:0!important;max-width:min(980px,calc(100vw - 24px))!important;padding:3px 8px max(14px,env(safe-area-inset-bottom))!important;border-radius:18px!important;background:var(--paper,#fff8e9)!important;box-shadow:0 5px 28px #233e2520!important}.mushaf-dock .dock-controls{gap:7px!important;padding:8px 3px 2px!important;justify-content:center!important}.mushaf-dock select,.mushaf-dock input[type=number],.mushaf-dock .dock-controls button{min-height:32px!important;padding:5px 8px!important;border-radius:9px!important;font-size:12px!important}.mushaf-offline>div{top:auto!important;bottom:calc(100% + 14px)!important;left:0}.mushaf-main{padding-bottom:160px!important}@media(max-width:650px){.mushaf-dock{max-width:calc(100vw - 16px)!important;bottom:8px!important;padding-inline:5px!important}.mushaf-dock .dock-controls{gap:5px!important;padding-top:7px!important}.mushaf-dock select{max-width:104px!important}.mushaf-dock .dock-controls label{font-size:10px!important}.mushaf-dock .dock-controls button{font-size:10px!important;padding:4px 7px!important}#reader-top-tools{padding:5px 3px 7px!important;gap:5px!important}#reader-top-tools .page-scrubber label{display:none}#reader-top-tools .page-scrubber output{font-size:10px!important}.mushaf-offline summary{font-size:10px!important;padding:5px!important}.mushaf-main{padding-bottom:160px!important}}

.mushaf-dock{max-width:min(780px,calc(100vw - 24px))!important;padding:2px 8px max(8px,env(safe-area-inset-bottom))!important;border-radius:15px!important;gap:0!important}#reader-top-tools{padding:4px 2px!important;gap:7px!important}#page-preview{display:none!important}#reader-top-tools .page-scrubber{display:flex;align-items:center;flex:1;padding:0!important}#reader-top-tools .page-scrubber input{height:22px!important;width:100%;margin:0!important}.mushaf-zoom button{min-height:27px!important;height:27px!important;min-width:27px!important;padding:3px 6px!important;font-size:11px!important}.mushaf-offline summary{padding:4px 8px!important;font-size:11px!important}.mushaf-dock .mushaf-toolbar{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:6px 0 0!important;margin:0!important}.mushaf-dock .mushaf-toolbar label{display:flex!important;align-items:center!important;gap:5px!important;font-size:11px!important}.mushaf-dock .mushaf-toolbar button,.mushaf-dock .mushaf-toolbar select,.mushaf-dock .mushaf-toolbar input{min-height:29px!important;height:29px!important;padding:3px 8px!important;font-size:11px!important;border-radius:8px!important}.mushaf-dock #mushaf-page{width:57px!important}.mushaf-dock .ayah-audio-player{display:grid!important;grid-template-columns:105px minmax(0,1fr) auto auto auto 24px;gap:6px 8px!important;padding:5px 2px 7px!important;margin:0!important;border:0!important;border-bottom:1px solid #80946c22!important;box-shadow:none!important;min-height:0!important;background:none!important}.mushaf-dock .ayah-audio-player[hidden]{display:none!important}.ayah-audio-player>select{grid-column:1;grid-row:1;height:28px!important;min-height:28px!important;font-size:11px!important;padding:3px 5px!important}.ayah-audio-player>span{grid-column:2;grid-row:1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ayah-audio-player>.mini-audio-controls{grid-column:3;grid-row:1;gap:4px!important}.mini-audio-controls button{width:27px!important;height:27px!important;min-height:0!important;padding:0!important;font-size:16px!important}.ayah-audio-player>output{grid-column:4;grid-row:1;font-size:10px!important;min-width:45px}.ayah-audio-player>label{grid-column:5;grid-row:1;font-size:10px!important;gap:4px!important;margin:0}.ayah-audio-player>button{grid-column:6;grid-row:1;width:24px!important;height:24px!important;padding:0!important;font-size:18px!important}.ayah-audio-player>input[type=range]{grid-column:1/-1;grid-row:2;width:100%!important;height:16px!important;margin:0!important}.ayah-audio-player audio{display:none!important}@media(max-width:650px){.mushaf-dock{width:calc(100% - 16px)!important;max-width:none!important;padding:3px 6px max(10px,env(safe-area-inset-bottom))!important}.mushaf-dock .mushaf-toolbar{gap:5px!important}.mushaf-dock .mushaf-toolbar label{font-size:0!important;gap:0!important}.mushaf-dock .mushaf-toolbar select{max-width:100px!important}.mushaf-dock .mushaf-toolbar button,.mushaf-dock .mushaf-toolbar input{padding:3px 6px!important}.mushaf-dock .ayah-audio-player{grid-template-columns:75px minmax(0,1fr) auto 42px 22px;gap:5px!important}.ayah-audio-player>button{grid-column:5!important}.ayah-audio-player>label{grid-row:2!important;grid-column:1/3!important}.ayah-audio-player>input[type=range]{grid-row:2!important;grid-column:3/-1!important}.mini-audio-controls button{width:24px!important;height:24px!important;font-size:14px!important}}

.ayah-context-heading{cursor:move;touch-action:none;user-select:none;-webkit-user-select:none;padding-inline-end:22px;position:relative}.ayah-context-heading:after{content:'⠿';position:absolute;left:6px;color:#94a184;font-size:15px}.action-reorder-grip{display:grid;place-items:center;width:22px;min-height:32px;flex:none;margin-inline-start:auto;color:#9da990;font:18px/1 SiteUI,system-ui;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.action-reorder-grip:active{cursor:grabbing}.action-reorder-grip:hover{color:#567644}.context-listen-row>.action-reorder-grip{margin-inline-start:3px}.reordering-action{background:#eaf1df!important;border-radius:10px;box-shadow:0 1px 8px #43623815}.action-reorder-grip:focus-visible{outline:2px solid #9aad80;border-radius:6px}

/* Reading dock: navigation, page position, and playback each have one clear row. */
.verse-inspector .window-grip{grid-template-columns:minmax(0,1fr) 32px!important;cursor:move;touch-action:none;user-select:none!important;-webkit-user-select:none!important}.verse-inspector .window-grip>span{display:none!important}.verse-inspector .window-grip *{user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none}.verse-inspector #selected-verse{overflow:hidden!important;cursor:move}.window-resizer{position:fixed!important;z-index:220!important;clip-path:none!important;background:transparent!important;touch-action:none;opacity:1!important;transform:none!important;inset:auto}.window-resizer[data-side=left],.window-resizer[data-side=right]{cursor:ew-resize!important}.window-resizer[data-side=bottom]{cursor:ns-resize!important}.window-resizer:hover{background:#7d927433!important;border-radius:6px}.verse-inspector.positioned,.ayah-note-window.positioned,.notes-board.positioned{right:auto!important;bottom:auto!important;transform:none!important;translate:none!important}
.mushaf-dock{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:10px 14px!important;width:min(860px,calc(100vw - 28px))!important;max-width:860px!important;padding:12px 16px max(12px,env(safe-area-inset-bottom))!important;border:1px solid #dce2d9!important;border-radius:18px!important;background:#fbfcf9!important;color:#304638!important;box-shadow:0 8px 32px #20392c18!important}#reader-top-tools{display:contents!important}.mushaf-dock .mushaf-toolbar{grid-area:1/1!important;justify-content:flex-start!important;gap:7px!important;padding:0!important;border:0!important}.mushaf-dock .mushaf-toolbar label{gap:4px!important}.mushaf-dock .mushaf-toolbar button,.mushaf-dock .mushaf-toolbar select,.mushaf-dock .mushaf-toolbar input,.mushaf-zoom button{height:34px!important;min-height:34px!important;border:1px solid #dce3d9!important;background:#fff!important;color:#304638!important;font-size:12px!important;border-radius:9px!important;margin:0!important}.mushaf-dock #mushaf-go{background:#e9f0e7!important;border-color:#e9f0e7!important}.mushaf-dock .mushaf-toolbar label{font-size:0!important}.mushaf-dock .mushaf-zoom{grid-area:1/2!important;gap:3px}.mushaf-dock .mushaf-offline{grid-area:1/3!important}.mushaf-offline summary{padding:7px 10px!important;border-radius:9px!important;background:#eef2ea!important;color:#425b46!important;border:0!important;font-size:12px!important}.mushaf-dock .page-scrubber{grid-area:2/1/3/-1!important;display:block!important;margin:0!important;padding:0!important;min-width:0}.mushaf-dock input[type=range]{appearance:none!important;-webkit-appearance:none!important;background:transparent!important;height:20px!important;border:0!important;padding:0!important;cursor:pointer;accent-color:#426d53}.mushaf-dock input[type=range]::-webkit-slider-runnable-track{height:4px;background:#d8e2d5;border-radius:4px}.mushaf-dock input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:#426d53;border:3px solid #fff;box-shadow:0 0 0 1px #426d53}.mushaf-dock input[type=range]::-moz-range-track{height:4px;background:#d8e2d5;border-radius:4px}.mushaf-dock input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#426d53;border:2px solid #fff}.mushaf-dock .ayah-audio-player{grid-area:3/1/4/-1!important;display:grid!important;grid-template-columns:112px minmax(0,1fr) auto 65px auto 28px!important;grid-template-rows:34px 18px!important;gap:7px 12px!important;border:0!important;border-top:1px solid #e1e7dc!important;padding:12px 0 0!important;background:transparent!important}.mushaf-dock .ayah-audio-player>*{grid-area:auto!important;justify-self:stretch!important;margin:0!important;padding:0!important}.mushaf-dock .ayah-audio-player>select{grid-area:1/1!important;width:112px!important;max-width:none!important;height:34px!important;min-height:34px!important;border:1px solid #dce3d9!important;background:#fff!important;border-radius:9px!important;font-size:12px!important;padding:4px 8px!important;color:#304638!important}.mushaf-dock .ayah-audio-player>span{grid-area:1/2!important;align-self:center!important;font-size:12px!important;color:#61745f!important;min-width:0}.mushaf-dock .mini-audio-controls{grid-area:1/3!important;display:flex!important;gap:5px!important;align-items:center;justify-content:center}.mushaf-dock .mini-audio-controls button{width:32px!important;height:32px!important;border:0!important;background:#edf2e9!important;color:#426d53!important;border-radius:50%!important}.mushaf-dock .mini-audio-controls button:nth-child(2){background:#426d53!important;color:white!important}.mushaf-dock .ayah-audio-player>output{grid-area:1/4!important;align-self:center;direction:ltr;text-align:center;color:#788478!important;font-size:11px!important}.mushaf-dock .ayah-audio-player>label{grid-area:1/5!important;display:flex;align-items:center;gap:5px!important;color:#61745f!important;font-size:11px!important;white-space:nowrap}.mushaf-dock .ayah-audio-player>button{grid-area:1/6!important;background:transparent!important;border:0!important;color:#7a8478!important;width:28px!important;height:28px!important;font-size:20px!important;align-self:center}.mushaf-dock .ayah-audio-player>input[type=range]{grid-area:2/1/3/-1!important;width:100%!important}.mushaf-dock .ayah-audio-player>audio{display:none!important}
@media(max-width:650px){.mushaf-dock{grid-template-columns:minmax(0,1fr) auto auto!important;gap:7px 8px!important;width:calc(100vw - 16px)!important;padding:10px 10px max(10px,env(safe-area-inset-bottom))!important}.mushaf-dock .mushaf-toolbar{grid-area:1/1/2/-1!important;justify-content:center!important;gap:6px!important}.mushaf-dock .page-scrubber{grid-area:2/1!important}.mushaf-dock .mushaf-zoom{grid-area:2/2!important}.mushaf-dock .mushaf-offline{grid-area:2/3!important}.mushaf-dock .mushaf-zoom button{height:30px!important;min-height:30px!important;font-size:10px!important;padding:3px 6px!important}.mushaf-dock .ayah-audio-player{grid-template-columns:92px minmax(0,1fr) auto 24px!important;grid-template-rows:34px 20px!important;gap:8px!important}.mushaf-dock .ayah-audio-player>select{width:92px!important;grid-area:1/1!important}.mushaf-dock .ayah-audio-player>span{grid-area:1/2!important;font-size:10px!important}.mushaf-dock .mini-audio-controls{grid-area:1/3!important}.mushaf-dock .ayah-audio-player>button{grid-area:1/4!important;width:24px!important}.mushaf-dock .ayah-audio-player>label{grid-area:2/1!important;font-size:9px!important}.mushaf-dock .ayah-audio-player>output{grid-area:2/3/3/5!important}.mushaf-dock .ayah-audio-player>input[type=range]{grid-area:2/2!important}.mushaf-dock .mini-audio-controls button{width:27px!important;height:27px!important}}
body[data-mushaf-theme=dark] .mushaf-dock{background:#202f27!important;border-color:#415244!important;color:#dbe6d7!important}body[data-mushaf-theme=dark] .mushaf-dock button,body[data-mushaf-theme=dark] .mushaf-dock select,body[data-mushaf-theme=dark] .mushaf-dock input[type=number]{background:#2c3f32!important;color:#dbe6d7!important;border-color:#4b5d49!important}
.mushaf-dock .mini-audio-controls{grid-area:1/1/2/-1!important;justify-self:center!important;z-index:1;width:max-content!important}.mushaf-dock .ayah-audio-player>span{max-width:180px!important}@media(max-width:650px){.mushaf-dock .ayah-audio-player>span{display:none!important}.mushaf-dock .mini-audio-controls{grid-area:1/1/2/-1!important;justify-self:center!important}}
/* Stable viewport fitting; only the explicit size controls scale the spread. */
.mushaf-main .mushaf-spread{width:var(--spread-fit,100%)!important;max-width:none!important;overflow:visible!important;touch-action:pan-y!important;gap:12px!important}.original-page{zoom:1!important}.text-mushaf,.text-mushaf *{touch-action:pan-y!important}.mushaf-main{padding-bottom:calc(var(--reader-dock-height,110px) + 8px)!important}.window-resizer[data-side=bottom-left]{cursor:nesw-resize!important}.window-resizer[data-side=bottom-right]{cursor:nwse-resize!important}.window-resizer{background:none!important}.window-resizer:after{content:'';position:absolute;bottom:6px;width:10px;height:10px;border-bottom:2px solid #9cae96;opacity:.5}.window-resizer[data-side=bottom-left]:after{left:6px;border-left:2px solid #9cae96}.window-resizer[data-side=bottom-right]:after{right:6px;border-right:2px solid #9cae96}
@media(max-width:650px){body:has(.mushaf-main){overscroll-behavior-y:auto}.focus-reading .mushaf-main{padding:36px 4px calc(var(--reader-dock-height,155px) + 6px)!important;max-width:100%!important;width:100%!important;box-sizing:border-box}.focus-reading[data-page-side=right] .mushaf-main{padding-right:14px!important;padding-left:4px!important}.focus-reading[data-page-side=left] .mushaf-main{padding-left:14px!important;padding-right:4px!important}.mushaf-spread{gap:0!important}.mushaf-dock{bottom:max(3px,env(safe-area-inset-bottom))!important;padding:7px 9px!important;border-radius:14px!important;gap:5px 8px!important}.mushaf-dock .mushaf-action-rail{position:static!important;inset:auto!important;transform:none!important;grid-area:4/1/5/-1!important;display:flex!important;flex-direction:row!important;justify-content:center;align-items:center;gap:6px!important;padding:4px 0 0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.mushaf-dock .mushaf-action-rail button{display:grid!important;width:34px!important;height:34px!important;min-height:34px!important;padding:6px!important;border-radius:9px!important;background:#eef2e9!important;border:0!important}.mushaf-action-rail button svg{width:22px!important;height:22px!important}.verse-inspector,.ayah-note-window,.notes-board{box-sizing:border-box!important;max-width:calc(100vw - 16px)!important;min-width:0!important;max-height:calc(100dvh - 16px)!important}.verse-inspector{padding:0 12px 14px!important;border-radius:18px!important}.verse-inspector #selected-verse{font-size:20px!important;line-height:1.65!important;max-height:170px!important}.verse-inspector .source-menu-trigger{font-size:14px!important;white-space:normal!important;text-overflow:clip!important;line-height:1.5!important;padding:7px!important}.verse-inspector .reading-controls{flex-wrap:wrap!important;gap:6px!important}.verse-inspector .reading-controls .source-picker{flex:1 1 180px!important;width:auto!important;min-width:0}.verse-inspector .source-menu-row .source-option{font-size:15px!important;white-space:normal!important}.verse-inspector .source-menu-list{max-width:calc(100vw - 40px)!important}.mushaf-dock .mushaf-toolbar :is(button,input,select){font-size:13px!important}.mushaf-zoom button{font-size:12px!important}}
@media(max-width:650px){.verse-inspector,.verse-inspector.positioned{position:fixed!important;inset:auto 8px calc(var(--reader-dock-height,150px) + 10px) 8px!important;width:auto!important;max-width:none!important;height:auto!important;max-height:min(57dvh,480px)!important;min-height:0!important;transform:none!important;translate:none!important;overflow-y:auto!important;overscroll-behavior:contain;padding:0 12px 12px!important}.verse-inspector .window-grip{cursor:default!important;grid-template-columns:minmax(0,1fr) 32px!important;align-items:start!important;padding:12px 0!important}.verse-inspector #selected-verse{font-size:18px!important;max-height:125px!important;line-height:1.65!important;cursor:default}.verse-inspector .reading-controls{display:grid!important;grid-template-columns:minmax(0,1fr) 32px 24px 32px 32px!important;align-items:center!important;gap:5px!important;margin:6px 0 10px!important;position:relative!important;top:auto!important}.verse-inspector .reading-controls .source-picker{width:auto!important;min-width:0!important}.verse-inspector .source-menu-trigger{font-size:13px!important;line-height:1.4!important;padding:7px!important;white-space:normal!important}.verse-inspector .tafsir{font-size:17px!important;line-height:1.9!important}.verse-inspector .window-resizer,.ayah-note-window .window-resizer,.notes-board .window-resizer{display:none!important}.verse-inspector .source-menu-list{width:100%!important;min-width:0!important;max-width:100%!important;max-height:230px!important;translate:none!important;box-sizing:border-box}.verse-inspector .source-menu-row .source-option{font-size:14px!important}.verse-inspector .window-grip *{-webkit-user-select:none!important}}

@media(max-width:650px){.verse-inspector.positioned{inset:auto!important;left:var(--window-x,8px)!important;top:var(--window-y,100px)!important;right:auto!important;bottom:auto!important;width:var(--window-w,calc(100vw - 16px))!important;height:var(--window-h,420px)!important;max-height:calc(100dvh - 16px)!important;min-width:0!important}.verse-inspector .window-grip{position:static!important;top:auto!important;padding:8px 0!important;min-height:0!important;cursor:move!important;touch-action:none}.verse-inspector #selected-verse{font-size:17px!important;line-height:1.55!important;max-height:72px!important;padding:0!important;margin:0!important}.verse-inspector #selected-reference{margin:2px 0 0!important;font-size:11px!important}.verse-inspector .inspector-heading>.share-capture-action{margin:0!important;padding:3px!important;width:23px!important;height:23px!important}.verse-inspector .reading-controls{position:static!important;top:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 26px 18px 26px 26px!important;gap:4px!important;align-items:center!important;flex-wrap:nowrap!important;margin:4px 0 9px!important;padding:0!important}.verse-inspector .reading-controls .source-picker{width:auto!important;min-width:0!important;flex:none!important}.verse-inspector .reading-controls>button{width:26px!important;height:28px!important;min-height:28px!important;padding:0!important}.verse-inspector .reading-controls #ayah-note{width:26px!important;flex:none!important}.verse-inspector .reading-controls output{min-width:0!important;font-size:10px!important}.verse-inspector .source-menu-trigger{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-height:29px!important;padding:5px 6px!important}.verse-inspector .window-resizer,.ayah-note-window .window-resizer,.notes-board .window-resizer{display:block!important;z-index:220!important;touch-action:none!important}.verse-inspector .tafsir{margin:7px 0!important}.verse-inspector{border-radius:16px!important}}

.verse-inspector .inspector-heading{display:flex!important;flex-direction:column!important;gap:4px!important;padding:0!important}.verse-inspector .inspector-heading>.share-capture-action{display:none!important}.verse-inspector #selected-reference{order:0!important;font:400 12px/1.5 SiteUI,UI,system-ui!important;color:#937946!important;margin:0!important;padding:0!important}.verse-inspector #selected-verse{order:1!important;max-height:none!important;height:auto!important;overflow:visible!important;white-space:normal!important;line-height:1.6!important;margin:0!important;padding:0!important}.verse-inspector #mushaf-meaning .tafsir{font-size:var(--reading-size,18px)!important;line-height:1.85!important}.verse-inspector #mushaf-meaning .tafsir :is(p,span,blockquote){font-size:inherit!important}.verse-inspector .window-grip{position:static!important;top:auto!important;align-items:start!important;gap:8px!important;padding:9px 0!important}@media(max-width:650px){.verse-inspector #selected-verse{font-size:17px!important;max-height:none!important;overflow:visible!important}.verse-inspector #selected-reference{font-size:11px!important}.verse-inspector .inspector-heading{gap:3px!important}}

.ayah-context-menu{transform:scale(var(--context-scale,1))!important;transform-origin:top left!important;translate:none!important}.ayah-context-menu .context-scale-tools{display:flex;align-items:center;gap:5px;margin:4px 0 7px;padding:5px 8px;border-bottom:1px solid #e2e8d9;color:#8a987e;font-size:11px}.context-scale-tools>span{margin-inline-end:auto}.ayah-context-menu .context-scale-tools button{width:28px!important;min-width:28px;height:26px!important;min-height:26px;padding:0!important;border-radius:7px!important;background:#eef3e8!important;text-align:center!important;font-size:13px!important}.ayah-context-menu .context-scale-tools button:nth-child(3){width:42px!important}.verse-inspector #mushaf-meaning{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal;white-space:normal}.verse-inspector #mushaf-meaning .tafsir{width:100%;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;text-align:right}.verse-inspector #mushaf-meaning :is(details,p,blockquote){max-width:100%!important;min-width:0!important;box-sizing:border-box!important}@media(max-width:650px){.ayah-context-menu{min-width:0!important;width:min(300px,calc(100vw - 24px))!important;padding:8px!important;border-radius:15px!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;box-sizing:border-box}.ayah-context-menu>[data-menu-action]{min-height:41px!important;padding:7px 8px!important;font-size:14px!important;gap:8px!important}.ayah-context-menu>[data-menu-action]>svg{width:26px!important;height:26px!important;padding:6px!important;border-radius:9px!important;box-sizing:content-box}.ayah-context-menu .context-listen-row{gap:5px!important;padding:5px!important}.ayah-context-menu .context-listen-row>button{padding:5px!important;font-size:14px!important}.ayah-context-menu .context-listen-row>button svg{width:24px!important;height:24px!important}.ayah-context-menu .context-listen-row>select{width:97px!important;padding:7px 5px!important;height:34px!important;font-size:13px!important}.ayah-context-menu .action-reorder-grip{min-height:26px!important;width:16px!important;font-size:15px!important}.verse-inspector .reading-controls .source-menu-list{width:var(--inspector-menu-width,280px)!important;min-width:0!important;max-width:calc(100vw - 32px)!important;right:0!important;left:auto!important;inset-inline-start:auto!important;inset-inline-end:0!important;box-sizing:border-box!important;padding:8px!important;max-height:min(270px,42dvh)!important;overflow:auto!important}.verse-inspector .source-menu-row{display:flex!important;gap:6px!important;align-items:center!important;width:100%!important;min-width:0!important}.verse-inspector .source-menu-row .source-option{flex:1 1 0!important;width:auto!important;min-width:0!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;font-size:14px!important;line-height:1.55!important;text-align:right!important;padding:8px!important}.verse-inspector .source-menu-row .source-drag-grip{flex:0 0 22px!important;width:22px!important;min-width:22px!important}}

/* Keep the full reading header in the same scroll flow on every screen. */
.verse-inspector .window-grip,.verse-inspector .reading-controls{position:static!important;top:auto!important;inset:auto!important}.verse-inspector #selected-verse{max-height:none!important;height:auto!important;overflow:visible!important}.verse-inspector #mushaf-meaning .source-note{position:static!important;top:auto!important}
.inspector-source-popover{position:fixed!important;right:auto!important;bottom:auto!important;margin:0!important;z-index:250!important;box-sizing:border-box!important;min-width:0!important;max-width:calc(100vw - 24px)!important;overflow:auto!important;overscroll-behavior:contain;background:var(--paper,#fffefa)!important;color:var(--ink,#36553e)!important;padding:8px!important;border:1px solid #d4dfc9!important;border-radius:13px!important;box-shadow:0 10px 35px #253d2930!important;direction:rtl}.inspector-source-popover[hidden]{display:none!important}.inspector-source-popover input{height:36px!important;font:13px UI,system-ui!important;margin:0 0 5px!important}.inspector-source-popover .source-menu-row{display:flex!important;width:100%!important;gap:5px!important;padding:3px 0!important;align-items:center!important}.inspector-source-popover .source-option{flex:1 1 0!important;min-width:0!important;width:auto!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;font:14px/1.5 UI,system-ui!important;padding:8px!important;text-align:right!important;color:inherit!important}.inspector-source-popover .source-drag-grip{flex:0 0 24px!important;width:24px!important;padding:4px!important;min-height:30px!important;color:inherit!important}
.mushaf-action-rail .mushaf-search-trigger{background:#f5edcf!important;color:#7a632e!important;border-color:#ddcc9d!important}.mushaf-search-panel{position:fixed;z-index:500;box-sizing:border-box;width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;background:#fffef9;color:#355642;border:1px solid #ccd7bd;border-radius:22px;padding:20px;box-shadow:0 15px 60px #163b2926;direction:rtl}.mushaf-search-panel[hidden]{display:none!important}.mushaf-search-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.mushaf-search-head h2{font:500 21px/1.5 SiteUI,system-ui;margin:0}.mushaf-search-head>button{width:34px;min-height:34px;border-radius:11px;background:#edf2e6;color:#456447;border:1px solid #d3dfc7;font-size:22px;padding:0}.mushaf-search-panel form{display:flex;gap:8px;margin-top:14px}.mushaf-search-panel input{flex:1;min-width:0;background:#f4f7ed;color:#365842;border:1px solid #d5dfc9;border-radius:13px;padding:12px;font:400 16px/1.5 SiteUI,system-ui}.mushaf-search-panel form button{background:#355f47;color:white;border:0;border-radius:13px;padding:10px 14px;font:400 16px/1.5 SiteUI,system-ui}.mushaf-search-status{font:400 14px/1.7 SiteUI,system-ui;color:#7b8a6a}.mushaf-search-results{display:grid;gap:8px}.mushaf-search-hit{display:flex;flex-direction:column;gap:10px;padding:15px;border:1px solid #dce5d1;border-radius:15px;background:#f7faf1;color:#345a45;text-align:right;width:100%;white-space:normal;overflow-wrap:break-word}.mushaf-search-hit strong{font:400 15px/1.5 SiteUI,system-ui;color:#72815d}.mushaf-search-verse{font:400 23px/1.9 Read,serif}.mushaf-search-more{width:100%;padding:10px;border:1px solid #cdd9bf;border-radius:12px;background:#edf3e6;color:#486444;margin-top:12px;font:400 15px/1.5 SiteUI,system-ui}.mushaf-action-rail button{transition:background .18s,transform .18s;border-radius:13px!important}.mushaf-action-rail button:active{transform:scale(.94)}
.verse-share-preview{width:min(820px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 30px);padding:18px;border:1px solid #d5dcc8;border-radius:24px;background:#fafbf4;color:#355a42;box-sizing:border-box;overflow:auto}.verse-share-preview::backdrop{background:#14281db3;backdrop-filter:blur(8px)}.verse-share-heading,.verse-share-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.verse-share-heading{margin-bottom:16px}.verse-share-heading h2{font:500 21px/1.5 SiteUI,system-ui;margin:0}.verse-share-heading button{width:36px;height:36px;border-radius:12px;padding:0;border:1px solid #d3ddc7;background:#edf2e5;color:#456344;font-size:24px}.verse-share-preview>img{display:block;width:100%;max-height:65dvh;object-fit:contain;border:1px solid #e2dece;border-radius:12px;background:#fffcf6}.verse-share-footer{margin-top:14px;flex-wrap:wrap}.verse-share-download{padding:12px 24px;border-radius:13px;background:#355c45;color:#fff!important;text-decoration:none;font:400 16px/1.5 SiteUI,system-ui}.verse-share-size{font:400 14px/1.5 SiteUI,system-ui;color:#7c8c6b;direction:ltr}
@media(max-width:650px){body.focus-reading .mushaf-dock{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;width:calc(100vw - 16px)!important;padding:8px!important}.mushaf-dock .mushaf-toolbar{grid-area:1/1/2/-1!important;display:grid!important;grid-template-columns:minmax(95px,1fr) 58px 40px 36px 36px!important;gap:5px!important;width:100%!important;box-sizing:border-box!important;min-width:0!important}.mushaf-dock .mushaf-toolbar label{min-width:0!important;display:block!important;font-size:0!important;line-height:1!important;overflow:hidden!important}.mushaf-dock .mushaf-toolbar label select{width:100%!important;max-width:none!important;height:34px!important;min-height:34px!important;padding:3px 7px!important;font-size:14px!important}.mushaf-dock .mushaf-toolbar label input{width:100%!important;box-sizing:border-box!important;height:34px!important;padding:3px!important;font-size:14px!important}.mushaf-dock .mushaf-toolbar button{min-width:0!important;width:100%!important;min-height:34px!important;height:34px!important;padding:3px!important;white-space:nowrap!important;overflow:hidden!important;font-size:14px!important}.mushaf-dock #reader-top-tools{grid-area:2/1/3/-1!important;display:flex!important;flex-wrap:nowrap!important;width:100%!important;min-width:0!important;gap:6px!important;padding:2px!important}.mushaf-dock .page-scrubber{flex:1!important;min-width:0!important}.mushaf-dock .mushaf-zoom{display:flex!important;flex:none!important;gap:3px!important}.mushaf-dock .mushaf-zoom button{min-width:28px!important;min-height:30px!important;padding:3px!important}.mushaf-dock .mushaf-offline{flex:none!important}.mushaf-dock .mushaf-action-rail{grid-area:3/1/4/-1!important;display:flex!important;justify-content:space-between!important;gap:3px!important;padding:4px 0 0!important;min-width:0!important;width:100%!important}.mushaf-dock .mushaf-action-rail button{min-width:0!important;width:34px!important;min-height:34px!important;height:34px!important;padding:7px!important;border-radius:10px!important}.mushaf-dock .mushaf-action-rail svg{width:19px!important;height:19px!important}#mushaf-prev,#mushaf-next{font-size:0!important}#mushaf-prev:after{content:'→';font-size:18px}#mushaf-next:after{content:'←';font-size:18px}.mushaf-dock .ayah-audio-player{grid-column:1/-1!important;grid-row:4!important}.app-launcher{z-index:2147483000}body.mushaf-close-only .app-launcher{translate:none}}
.verse-share-range{display:flex;align-items:flex-end;gap:12px;margin-bottom:8px;flex-wrap:wrap}.verse-share-range label{display:flex;align-items:center;gap:8px;font:400 15px/1.5 SiteUI,system-ui}.verse-share-range input{width:72px;box-sizing:border-box;border:1px solid #cad8bc;border-radius:10px;padding:8px;background:#fffef9;color:#365a43;font:400 16px/1.5 SiteUI,system-ui}.verse-share-range button{border:1px solid #cbd7be;border-radius:11px;background:#edf3e5;color:#456746;padding:9px 14px;font:400 15px/1.5 SiteUI,system-ui}.verse-share-range-status{font:400 14px/1.6 SiteUI,system-ui;color:#827044;margin:0 0 8px}.verse-share-range-status:empty{display:none}@media(max-width:650px){.verse-share-range{gap:8px}.verse-share-range label{font-size:14px;gap:5px;flex:1}.verse-share-range input{width:58px}.verse-share-range button{width:100%}.verse-share-preview>img{max-height:56dvh}}
/* Mobile reader fits the page width, with horizontal panning only when zoomed. */
body.mushaf-mobile-reader .mushaf-main{padding-inline:4px!important;max-width:none!important;width:100%!important;box-sizing:border-box!important}body.mushaf-mobile-reader .mushaf-layout{overflow-x:auto!important;overflow-y:visible!important;width:100%!important;direction:rtl;touch-action:pan-x pan-y!important;overscroll-behavior-x:contain}body.mushaf-mobile-reader .mushaf-spread{grid-template-columns:minmax(0,1fr)!important;margin:0!important;gap:0!important;touch-action:pan-x pan-y!important}body.mushaf-mobile-reader .text-mushaf,body.mushaf-mobile-reader .text-mushaf *{touch-action:pan-x pan-y!important}
.mushaf-dock #mushaf-prev,.mushaf-dock #mushaf-next{font-size:0!important;display:grid!important;place-items:center!important;padding:6px!important}.mushaf-dock #mushaf-prev:after,.mushaf-dock #mushaf-next:after{content:none!important}.mushaf-dock #mushaf-prev svg,.mushaf-dock #mushaf-next svg{width:23px!important;height:23px!important}.mushaf-offline summary{display:grid;place-items:center;box-sizing:border-box;width:36px!important;height:36px!important;padding:7px!important}.mushaf-offline summary svg{width:22px;height:22px}.mushaf-offline summary::-webkit-details-marker{display:none}
body.mushaf-mobile-reader .mushaf-dock{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:calc(100vw - 16px)!important;max-width:760px!important;padding:7px!important;gap:5px!important;bottom:8px!important}body.mushaf-mobile-reader .mushaf-dock .mushaf-toolbar{display:grid!important;grid-template-columns:minmax(70px,1fr) 36px 38px 56px 38px!important;grid-area:1/1/2/-1!important;gap:5px!important;width:100%!important;margin:0!important}body.mushaf-mobile-reader .reader-surah-choice{grid-column:1!important;grid-row:1!important}body.mushaf-mobile-reader #mushaf-go{grid-column:2!important;grid-row:1!important}body.mushaf-mobile-reader #mushaf-prev{grid-column:3!important;grid-row:1!important}body.mushaf-mobile-reader .reader-page-number{grid-column:4!important;grid-row:1!important}body.mushaf-mobile-reader #mushaf-next{grid-column:5!important;grid-row:1!important}body.mushaf-mobile-reader .mushaf-toolbar label{font-size:0!important;min-width:0!important;display:block!important}body.mushaf-mobile-reader .mushaf-toolbar :is(button,input,select){min-height:36px!important;height:36px!important;margin:0!important;max-width:100%!important;width:100%!important;font-size:14px!important;padding:4px!important}body.mushaf-mobile-reader .reader-page-number input{text-align:center;appearance:textfield}body.mushaf-mobile-reader #reader-top-tools{display:flex!important;grid-area:2/1/3/-1!important;gap:7px!important;padding:0!important}body.mushaf-mobile-reader .page-scrubber{min-width:0!important;flex:1!important}body.mushaf-mobile-reader .mushaf-zoom{flex:none!important}body.mushaf-mobile-reader .mushaf-zoom button{height:34px!important;min-height:34px!important;font-size:13px!important}body.mushaf-mobile-reader .mushaf-action-rail{position:static!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;grid-area:3/1/4/-1!important;gap:4px!important;padding:3px 0 0!important;margin:0!important;width:100%!important;transform:none!important}body.mushaf-mobile-reader .mushaf-action-rail button{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-height:38px!important;padding:7px!important;border-radius:10px!important;margin:0!important}body.mushaf-mobile-reader .mushaf-action-rail svg{width:23px!important;height:23px!important;fill:none;stroke:currentColor;stroke-width:1.7}body.mushaf-mobile-reader .ayah-audio-player{grid-column:1/-1!important;grid-row:4!important}.mushaf-settings{box-sizing:border-box;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}
@media(min-width:651px) and (max-width:950px){body.mushaf-mobile-reader .mushaf-dock{grid-template-columns:minmax(280px,1fr) minmax(200px,.8fr)!important;gap:4px 14px!important}body.mushaf-mobile-reader .mushaf-dock .mushaf-toolbar{grid-area:1/1!important}body.mushaf-mobile-reader #reader-top-tools{grid-area:1/2!important}body.mushaf-mobile-reader .mushaf-action-rail{grid-area:2/1/3/-1!important}body.mushaf-mobile-reader .ayah-audio-player{grid-row:3!important}}
.mushaf-settings .mushaf-offline{margin-top:18px;padding-top:14px;border-top:1px solid var(--line,#dae2d1);font:14px/1.8 SiteUI,system-ui}.mushaf-settings .mushaf-offline summary{display:block!important;width:100%!important;height:auto!important;min-height:42px!important;font-size:15px!important;padding:10px 12px!important;text-align:right!important;border:1px solid var(--line,#d3deca)!important;background:var(--soft,#edf2e6)!important}.mushaf-settings .mushaf-offline>div{position:static!important;width:100%!important;box-sizing:border-box!important;box-shadow:none!important;padding:12px!important;margin-top:8px!important}.mushaf-settings .mushaf-offline button{display:block;margin-top:8px;width:100%}
.mushaf-gesture-tip{position:fixed;z-index:2147483001;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);box-sizing:border-box;max-width:calc(100vw - 28px);width:max-content;margin:0;padding:11px 15px;border:1px solid #c6d5b8;border-radius:14px;background:#fffff5f2;color:#456344;box-shadow:0 8px 24px #25432b20;font:14px/1.7 SiteUI,system-ui;pointer-events:none;text-align:center;backdrop-filter:blur(12px)}
body[data-mushaf-theme=stone]{--mushaf-paper:#f3f8fa;--mushaf-ink:#293f48;--paper:#f8fbfc;--line:#cedde0;--soft:#e7f0f2;--ink:#345560;--muted:#758b91}
html body .mushaf-theme-stone{background:#f3f8fa!important;color:#476775!important}
html body .mushaf-settings .mushaf-theme-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body .mushaf-settings .mushaf-theme-options button{min-height:57px!important;padding:12px 8px!important;font-size:13px!important;border-radius:12px!important}
html body .mushaf-settings .mushaf-appearance-toggle{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;padding:13px 11px!important;margin:8px 0!important;min-height:52px!important;background:#f4f6ee!important;border:1px solid #dbe2d0!important;border-radius:12px!important;color:#65785a!important;font:14px SiteUI!important;cursor:pointer;box-shadow:none!important;transition:background .18s,border-color .18s}
html body .mushaf-settings .mushaf-appearance-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
html body .mushaf-settings .mushaf-appearance-toggle .settings-state{margin-inline-start:auto;font-size:11px;opacity:.8}
html body .mushaf-settings .mushaf-appearance-toggle[aria-pressed=true]{background:#e6efdc!important;border-color:#a8c18e!important;color:#365c44!important}
html body .mushaf-settings .mushaf-appearance-toggle:hover{border-color:#a8be96!important}