@font-face{font-family:TQCanonical;src:url('/assets/fonts/Amiri-Quran.woff2') format('woff2');font-display:swap}
/* Application controls and responsive reading, shared by every section. */
.app-launcher{padding:0!important;margin:0!important;border:0!important;display:block!important;position:fixed;z-index:2147483000;width:52px;height:52px;direction:rtl}.app-launcher-toggle{display:grid;place-items:center;width:52px!important;height:52px!important;min-height:52px!important;padding:14px!important;border:1px solid #b6c9af!important;border-radius:18px!important;background:#f9fbf5f2!important;color:#315c46!important;box-shadow:0 5px 25px #183d2726;touch-action:none;cursor:grab;backdrop-filter:blur(14px)}.app-launcher-toggle:active{cursor:grabbing}.app-launcher-toggle svg{width:24px;height:24px}.app-launcher-menu{position:absolute;bottom:64px;left:0;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(340px,calc(100vw - 24px));padding:12px;border:1px solid #cbd8c1;border-radius:23px;background:#fffffcf7;box-shadow:0 12px 55px #1737262b;backdrop-filter:blur(20px);max-height:calc(100dvh - 100px);overflow:auto}.app-launcher-menu[hidden]{display:none!important}.app-launcher.opens-down .app-launcher-menu{top:64px;bottom:auto}.app-launcher.opens-left .app-launcher-menu{left:auto;right:0}.app-launcher-menu a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#3f614a!important;background:#f3f6ed;border-radius:15px;padding:12px 5px;text-decoration:none;font:400 14px/1.5 SiteUI,system-ui;text-align:center;min-height:78px;overflow-wrap:anywhere}.app-launcher-menu a[aria-current]{background:#315c46;color:#fff!important}.app-launcher-menu svg{width:24px;height:24px;flex:none}.tq-route-open>body>.app-launcher{display:none}.quran-inline-quote{color:#315f4f;font-family:TQCanonical,serif;font-weight:400;line-height:1.8}.qpc-canonical-text{position:absolute!important;inline-size:1px!important;block-size:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}.qpc-verse-glyphs{font-weight:400!important}.qpc-result-word{display:inline-block;white-space:nowrap}.qpc-ready .qpc-verse-glyphs{font-size:1em}
.result-web-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid currentColor;border-radius:8px;font:400 14px/1.4 SiteUI,system-ui;color:inherit;text-decoration:none;opacity:.85}.result-web-badge:before{content:'↗'}
body.v4-organized #form .v10-unified-engines{gap:5px!important;padding:6px!important;border-radius:17px!important;box-shadow:0 3px 15px #233d1710!important;max-width:100%!important}body.v4-organized #form .v10-unified-engines :is(.v10-local-engine,.v10-provider-add,.v4-key-trigger){height:38px!important;min-height:38px!important;border-radius:10px!important;padding:5px 11px!important;font-size:14px!important;background:#f5f7ef!important;color:#57714c!important;border:1px solid transparent!important}body.v4-organized #form .v10-unified-engines .v4-key-trigger{background:#fffdf5!important;border-color:#dfd6b7!important;color:#7b6a40!important;gap:5px!important}body.v4-organized #form .v10-unified-engines .v10-provider-add.has-service{background:#edf3e7!important;border-color:#bacbb0!important;color:#385b41!important}.v12-provider-model{font-size:13px!important}.v12-provider-title{font-size:14px!important}.v10-unified-engines .v4-key-trigger svg{width:16px!important;height:16px!important}
body.v7-results #display-filters{display:flex!important;flex-direction:column!important;gap:15px!important}body.v7-results #display-filters .result-filter-row{order:1!important;margin:0!important;padding:0!important}body.v7-results #display-filters .display-filter-head{order:2!important;border-top:1px solid #dae3d2!important;padding-top:14px!important;margin:0!important}body.v7-results .v9-compact-results .result-view-options{min-width:240px!important;display:flex!important}body.v7-results .v9-compact-results .result-view-options button{flex:1!important;min-width:105px!important;padding-inline:18px!important}
body.v7-results #results .result-card{--card-ink:#3e694e;--card-tone:#e9f0e0;--card-border:#c4d5b7;--card-paper:#f9fcf5}body.v7-results #results .result-card[data-relevance=related]{--card-ink:#496e81;--card-tone:#e5eff3;--card-border:#bfd3dc;--card-paper:#f6fafb}body.v7-results #results .result-card[data-relevance=expanded]{--card-ink:#876e36;--card-tone:#f2ebd9;--card-border:#daccaa;--card-paper:#fcfaf4}body.v7-results #results .result-card .result-tab-bar{background:var(--card-tone)!important;border:1px solid var(--card-border)!important;border-radius:14px!important;padding:5px!important;gap:5px!important}body.v7-results #results .result-card .result-tab-bar :is(button,.result-source-picker){background:transparent!important;color:var(--card-ink)!important;border-color:transparent!important;box-shadow:none!important;border-radius:10px!important;min-width:0!important}body.v7-results #results .result-card .result-tab-bar :is(button[aria-pressed=true],button[aria-expanded=true]){background:var(--card-paper)!important;border-color:var(--card-border)!important;color:var(--card-ink)!important}body.v7-results #results .result-card .result-explanation{background:var(--card-paper)!important;border-color:var(--card-border)!important;color:#405441!important;padding:20px!important;border-radius:14px!important}body.v7-results #results .result-card .result-tab-bar :is(button,.result-source-name){font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}body.v7-results #results .result-card .result-verse-wrap .verse{font-size:calc(25.2px * min(var(--reading-scale,1),1.2))!important;line-height:1.85!important}.result-verse-wrap .qpc-result-end{font-size:.86em!important}.result-card .quran-inline-quote{font-size:1.12em!important;line-height:1.9!important}
@media(max-width:650px){html{scroll-padding-top:18px}body{overflow-wrap:break-word}.site-header{padding:10px 14px!important;gap:8px!important}.site-header nav{max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.site-header nav a{flex:none;padding:8px!important;font-size:14px!important}.site-brand img{max-width:120px}.site-support{font-size:14px!important}.app-launcher-toggle{width:48px!important;height:48px!important;min-height:48px!important;border-radius:16px!important;padding:12px!important}.chat-widget:not(.open){display:none!important}body.v7-results .workspace{padding-inline:12px!important}body.v7-results #results .result-card{padding:18px 14px!important;min-width:0!important}body.v7-results #results .result-card .result-verse-wrap .verse{font-size:calc(20.7px * min(var(--reading-scale,1),1.15))!important;line-height:1.8!important}body.v7-results #results .result-card .result-tab-bar{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr)!important;gap:3px!important;padding:4px!important}body.v7-results #results .result-card .result-tab-bar :is(button,.result-source-name){font-size:14px!important;min-height:42px!important;padding:6px!important}.result-source-picker{min-width:0!important}.result-source-name{max-width:100%!important}.result-tab-bar svg{width:17px!important;height:17px!important;flex:none}body.v7-results #results .result-card .result-explanation{padding:14px!important;font-size:17px!important;line-height:1.9!important}body.v7-results .v9-compact-results .display-filter-head{display:flex!important;flex-wrap:wrap!important;gap:10px!important}body.v7-results .v9-compact-results .result-view-options{width:100%!important;min-width:0!important;order:1}body.v7-results .v9-compact-results .result-view-options button{min-width:0!important;padding-inline:18px!important}body.v7-results .v9-compact-results .display-filter-head #result-tools{order:2!important;flex:1 1 100%!important}body.v7-results .v9-compact-results .result-sort-field{order:3!important;flex:1 1 100%!important;width:100%!important}body.v7-results .v9-compact-results .result-filter-row{gap:10px!important}body.v7-results .v9-compact-results .result-filter-row>.result-filter-picker{min-width:0!important}body.v4-organized #form .v10-unified-engines :is(.v10-local-engine,.v10-provider-add,.v4-key-trigger){padding:5px 8px!important;font-size:14px!important}.v12-provider-model{max-width:120px!important;overflow:hidden;text-overflow:ellipsis}.v10-engine-switch{min-width:0!important}.v10-unified-engines .v4-key-trigger>span{font-size:14px!important}.v9-new-search{min-height:64px!important}.result-precision-control{min-width:0!important}.notes-window{max-width:calc(100vw - 20px)!important}.result-overview{padding:16px!important}.result-verse-wrap{gap:5px!important}}
@media(prefers-reduced-motion:reduce){.dhikr-deck-active{animation:none!important}}
body[data-ai-engine=local] .connection-guide-banner{display:none!important}body.v7-results #results .result-card .quran-inline-quote{color:var(--card-ink)!important;font-family:TQCanonical,serif!important;font-size:1.12em!important;line-height:1.9!important}body.v7-results .result-view-options button span{display:inline!important}body.v7-results .result-view-options button{gap:9px!important}body.v7-results .result-precision-control>div:first-child{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:6px!important}body.v7-results .result-precision-control>div:first-child>label{grid-column:1!important;grid-row:1!important;white-space:nowrap!important;justify-self:start!important}body.v7-results .result-precision-control #display-count{grid-column:2!important;grid-row:1!important;justify-self:center!important;white-space:nowrap!important}body.v7-results .result-precision-control #display-count strong{font-family:SiteUI,system-ui!important;font-size:20px!important}
@media(max-width:650px){a[href="#top"]{display:none!important}body.v7-results .result-precision-control>div:first-child{grid-template-columns:1fr!important;gap:6px!important}body.v7-results .result-precision-control>div:first-child>label{grid-column:1!important;grid-row:1!important}body.v7-results .result-precision-control #display-count{grid-column:1!important;grid-row:2!important;justify-self:center!important}body.v7-results .v9-compact-results .v7-query-heading .v4-active-query{font-size:21px!important}.result-card .quran-inline-quote .qpc-result-word{font-size:inherit!important}}

@media(max-width:650px){.site-header nav[aria-label='أقسام الموقع']{display:none!important}.site-header{min-height:64px!important;box-sizing:border-box!important}.mushaf-dock .mushaf-action-rail button{flex:1!important;width:auto!important;max-width:44px!important;min-width:30px!important;height:44px!important;min-height:44px!important}}
body .v15-home-discover.about-experience{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important;gap:18px!important;padding:0!important;margin:44px 0 24px!important;background:none!important;border:0!important;min-height:0!important;max-width:none!important}.discovery-library{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;align-items:center;position:relative;overflow:hidden;text-decoration:none!important;color:#355943!important;background:linear-gradient(125deg,#e8efde,#f8faf2);border:1px solid #d4dfc5;border-radius:24px;padding:28px}.discovery-library-visual{position:relative;width:165px;height:180px;display:grid;place-items:center;isolation:isolate}.discovery-book{position:absolute;width:78px;height:116px;border-radius:6px 14px 14px 6px;box-shadow:-5px 7px 12px #1e43232a;border:1px solid #849c70;transform-origin:bottom center;background:linear-gradient(90deg,#284e38 8px,#548058 9px,#648765 13px,#416449 14px);display:grid;place-items:center}.discovery-book i{display:block;width:43px;height:76px;border:1px solid #cbbf7c99;border-radius:15px 5px;outline:1px solid #cbbf7c55;outline-offset:5px}.discovery-book.book-one{rotate:-23deg;translate:-29px 10px;background:linear-gradient(90deg,#876b32 8px,#ad9554 9px,#c0a974 13px,#a88e54 14px);border-color:#c9b683}.discovery-book.book-two{rotate:11deg;translate:30px 3px;background:linear-gradient(90deg,#56716d 8px,#8ba69e 9px,#8ba69e 13px,#6d8c7d 14px);border-color:#99ad9c}.discovery-book.book-three{rotate:-3deg;translate:0 9px}.discovery-library-visual>svg{position:absolute;z-index:2;width:37px;height:37px;bottom:53px;fill:none;stroke:#ecdfaa;stroke-width:1.1}.discovery-orbit{position:absolute;z-index:-1;width:155px;height:155px;border:1px solid #b4c49c88;border-radius:50%;scale:1.1}.discovery-orbit:before,.discovery-orbit:after{content:'';position:absolute;width:6px;height:6px;background:#c3ae6d;border-radius:50%;top:15px;left:28px}.discovery-orbit:after{top:auto;left:auto;bottom:15px;right:22px}.discovery-eyebrow{font:400 14px/1.7 SiteUI,system-ui;color:#8b8c64}.discovery-library-copy h2,.discovery-support h2{font:500 27px/1.55 SiteUI,system-ui!important;margin:8px 0!important;color:#365c45!important}.discovery-library-copy p,.discovery-support p{font:400 16px/1.9 SiteUI,system-ui!important;margin:0 0 18px!important;color:#758169!important;max-width:440px}.discovery-cta{display:inline-flex;align-items:center;gap:22px;padding:10px 14px;border:1px solid #c2d0b1;border-radius:12px;color:#476c4b!important;background:#fbfdf6;font:400 16px/1.5 SiteUI,system-ui;text-decoration:none!important}.discovery-library:hover .discovery-cta{background:#e4edda}.discovery-support{position:relative;padding:28px;border:1px solid #e1d7b9;border-radius:24px;background:linear-gradient(135deg,#fcf8ec,#f8f6ed);overflow:hidden}.discovery-support-icon{position:absolute;left:24px;top:25px;width:40px;height:40px;fill:#eee4c7;stroke:#a58a44;stroke-width:1.2;opacity:.8}.discovery-support h2{max-width:310px;padding-inline-end:26px}.discovery-support small{display:block;margin-top:15px;color:#92947a;font:400 14px/1.6 SiteUI,system-ui}.platform-footer .footer-principles{max-width:1000px!important;margin:auto!important}.platform-footer .footer-principles p{font-size:14px!important;line-height:1.9!important;text-align:center!important}
@media(max-width:800px){body .v15-home-discover.about-experience{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.discovery-library{padding:22px;gap:14px;grid-template-columns:120px minmax(0,1fr)}.discovery-library-visual{width:120px;scale:.85;transform-origin:center}.discovery-library-copy h2,.discovery-support h2{font-size:24px!important}.discovery-library-copy p,.discovery-support p{font-size:16px!important}.discovery-support{padding:24px}.discovery-library-copy .discovery-cta{font-size:15px;gap:12px;padding:8px 12px}}
@media(max-width:380px){.discovery-library{grid-template-columns:minmax(0,1fr);gap:0}.discovery-library-visual{height:130px;justify-self:center;scale:.8}.discovery-library-copy h2{font-size:23px!important}.discovery-support h2{padding-inline-end:20px}.discovery-library-copy p{margin-bottom:14px!important}}
@media(prefers-reduced-motion:no-preference) and (hover:hover){.discovery-book{transition:rotate .3s,translate .3s}.discovery-library:hover .book-one{rotate:-29deg;translate:-34px 6px}.discovery-library:hover .book-two{rotate:18deg;translate:35px 0}}
body .v15-home-discover.about-experience{align-items:stretch!important}.chat-widget:has(#chat-widget-panel[hidden]){display:none!important}
body.v7-results #results .result-card .result-insight-body{background:var(--card-paper)!important;border-color:var(--card-border)!important;color:var(--card-ink)!important}.chat-verse.qpc-ready{font-size:clamp(1.4rem,4vw,1.8rem)!important;line-height:1.8!important}
/* Compact reading controls: one connected bar, separate source-menu affordance. */
body.v7-results #results .result-card .result-tab-bar{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr) minmax(0,1fr)!important;gap:0!important;padding:4px!important;overflow:visible!important}
body.v7-results #results .result-card .result-tab-bar>.result-source-picker{display:flex!important;position:relative!important;grid-area:auto!important;min-width:0!important;border-inline:1px solid var(--card-border,#d5dccd)!important;border-radius:0!important;background:transparent!important;padding:0!important;align-items:stretch!important}
body.v7-results #results .result-card .result-tab-bar .result-source-toggle{flex:1 1 auto!important;min-width:0!important;max-width:100%!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;border:0!important;border-radius:8px!important;text-align:center!important}
body.v7-results #results .result-card .result-tab-bar .result-source-name{display:grid!important;place-items:center!important;position:static!important;inset:auto!important;transform:none!important;flex:0 0 30px!important;width:30px!important;max-width:30px!important;margin:0!important;padding:0!important;border:0!important;border-inline-start:1px solid var(--card-border,#d5dccd)!important;border-radius:0!important;font-size:21px!important;line-height:1!important;background:transparent!important;color:var(--card-ink,#456344)!important}
body.v7-results #results .result-card .result-tab-bar>.result-tab{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;gap:5px!important;padding-inline:8px!important}
body.v7-results #results .result-card .result-tab-bar .result-font-tools{display:none!important}
.result-share-button{display:grid;place-items:center;width:36px;height:36px;padding:7px;border:1px solid var(--card-border,#cad8bd);border-radius:10px;background:transparent;color:var(--card-ink,#3e694e);flex:none}.result-share-button svg{width:21px;height:21px}.result-card-foot{gap:10px;flex-wrap:wrap}.result-export-choices{display:flex;gap:8px;flex-wrap:wrap}.result-export-choices button{border:1px solid #cbd8c1;border-radius:12px;background:#f1f5eb;color:#355c45;padding:10px 15px;font:16px SiteUI,system-ui}
.discovery-message{grid-column:1/-1;padding:30px 34px;border:1px solid #dedbc4;border-radius:24px;background:linear-gradient(120deg,#faf7ed,#f4f6ed);position:relative;overflow:hidden}.discovery-message:before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(#ba9d55,#6d9476)}.discovery-message h2{font:500 clamp(23px,3vw,32px)/1.65 SiteUI,system-ui!important;color:#365744!important;max-width:800px;margin:8px 0 12px!important}.discovery-message p{font:400 17px/1.95 SiteUI,system-ui!important;color:#75816d!important;max-width:1050px;margin:0!important}.discovery-message-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid #dbdfcf}.discovery-message-points span{font:14px/1.8 SiteUI,system-ui;color:#839077}.discovery-message-points b{display:block;font-weight:500;font-size:16px;color:#557451}
@media(prefers-reduced-motion:no-preference){.discovery-message{animation:message-arrive .5s ease-out both}@keyframes message-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
.app-launcher>.mushaf-search-trigger{position:absolute;left:62px;top:0;display:grid!important;place-items:center;width:52px!important;height:52px!important;min-height:52px!important;margin:0!important;padding:13px!important;border:1px solid #b6c9af!important;border-radius:18px!important;background:#f9fbf5f2!important;color:#315c46!important;box-shadow:0 5px 25px #183d2726;backdrop-filter:blur(14px)}.app-launcher.search-on-left>.mushaf-search-trigger{left:auto;right:62px}.app-launcher>.mushaf-search-trigger svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:650px){body.v7-results #results .result-card .result-tab-bar :is(.result-tab,.result-source-toggle){font-size:12px!important;min-height:44px!important;padding:5px!important}body.v7-results #results .result-card .result-summary-tab svg{display:none!important}body.v7-results #results .result-card .result-tab-bar .result-source-name{flex-basis:24px!important;width:24px!important;max-width:24px!important;min-height:44px!important;font-size:20px!important}.discovery-message{padding:22px}.discovery-message p{font-size:16px!important}.discovery-message-points{grid-template-columns:1fr;gap:12px}.discovery-message-points span{display:flex;gap:10px;flex-wrap:wrap}.discovery-message-points b{font-size:15px}.app-launcher>.mushaf-search-trigger{width:48px!important;height:48px!important;min-height:48px!important;left:56px;border-radius:16px!important;padding:12px!important}.app-launcher.search-on-left>.mushaf-search-trigger{left:auto;right:56px}
body.v4-organized #form .search-kind-field{min-width:0!important;max-width:100%!important;width:100%!important}body.v4-organized #form .search-kind-field button{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;padding:9px 8px!important}body.v4-organized #form .search-kind-field button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#cancel-search{white-space:nowrap!important;min-width:60px!important;width:auto!important;font-size:14px!important;padding:9px 12px!important;height:42px!important;line-height:1.4!important}.query-shell{min-width:0!important}body #form .connection-guide-banner{padding:12px!important;border-radius:16px!important}body #form .v4-guide-intro{gap:7px!important;margin:0 0 8px!important;padding-inline-end:22px!important;flex-wrap:wrap!important}body #form .v4-guide-intro strong{font-size:16px!important}body #form .v4-guide-intro>span{font-size:12px!important}body #form .v4-key-steps{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important}body #form .v4-key-step{display:flex!important;flex-direction:row!important;align-items:center!important;min-height:48px!important;padding:7px 10px!important;gap:10px!important;border-radius:10px!important}body #form .v4-key-step>img{width:43px!important;height:31px!important;object-fit:contain!important;flex:none!important}body #form .v4-key-step>span{flex:1;min-width:0}body #form .v4-key-step strong{font-size:14px!important;line-height:1.5!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}body #form .v4-key-step small{font-size:11px!important;line-height:1.5!important}body #form .v4-key-step>svg{width:16px!important;height:16px!important;flex:none}body #form .v4-key-help{font-size:12px!important;margin-top:7px!important}button,select,input{max-width:100%;box-sizing:border-box}.result-filter-button,.v12-provider-model,.v10-local-engine,.v4-key-trigger,.result-sort-field select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v4-floating-controls>*{min-width:0}
}
body.v7-results #results .result-card .result-tab-bar>.result-source-picker{flex-direction:row!important;flex-wrap:nowrap!important;gap:0!important}body.v7-results #results .result-card .result-source-picker .result-source-toggle{width:auto!important;flex-basis:0!important}body.v7-results #results .result-card .result-tab-bar :is(.result-summary-tab,.result-why-tab){display:block!important;text-align:center!important}
body.v7-results #results .result-card .result-tab-bar .result-source-picker>button{align-self:center!important;height:44px!important;min-height:44px!important;translate:none!important}
.app-launcher>.mushaf-search-trigger{touch-action:none!important;cursor:grab}.app-launcher.is-dragging>button{cursor:grabbing!important}.app-launcher>button{transition:background .2s,border-color .2s,box-shadow .2s}.app-launcher>button svg{transition:transform .3s cubic-bezier(.2,.8,.3,1)}.app-launcher-toggle:is(:hover,:focus-visible,.launcher-control-targeted){background:#eaf1e1!important;border-color:#87a77c!important;box-shadow:0 6px 25px #315c4633}.app-launcher-toggle:is(:hover,:focus-visible,.launcher-control-targeted) svg{transform:rotate(90deg) scale(1.06)}.app-launcher>.mushaf-search-trigger:is(:hover,:focus-visible,.launcher-control-targeted){background:#faf2d9!important;border-color:#bda66c!important;color:#8b7135!important;box-shadow:0 6px 25px #a8915133}.app-launcher>.mushaf-search-trigger:is(:hover,:focus-visible,.launcher-control-targeted) svg{transform:rotate(-14deg) scale(1.13)}.app-launcher>button:active svg{scale:.93}@media(prefers-reduced-motion:reduce){.app-launcher>button,.app-launcher>button svg{transition:none}.app-launcher>button:is(:hover,:focus-visible,.launcher-control-targeted) svg{transform:none}}
/* The introduction uses the same quiet Arabic type and palette as the apps. */
body.home-scenes main>#introduction.hero{position:relative;isolation:isolate;gap:54px!important;padding:40px 20px 44px!important;border-radius:30px;background:radial-gradient(ellipse at 8% 38%,#e8eedc77,transparent 48%),radial-gradient(ellipse at 90% 75%,#f6edda66,transparent 45%)}
body.home-scenes #introduction .hero-copy{gap:18px!important;align-items:flex-start!important;min-width:0}
body.home-scenes #introduction .hero-copy h1{font:400 clamp(30px,3.4vw,48px)/1.65 SiteUI,system-ui,sans-serif!important;letter-spacing:0!important;color:#355a44!important;margin:0!important;text-wrap:balance;width:100%}
body.home-scenes #introduction .hero-title-first{display:block!important;font:inherit!important;color:#4d684d}
body.home-scenes #introduction .hero-copy h1 .hero-book{display:block!important;font:inherit!important;font-weight:500!important;color:#315b43!important;margin:0!important}
body.home-scenes #introduction .hero-book:after{display:none!important}body.home-scenes #introduction .hero-book small{display:inline-block;font:400 .7em/1.2 TQCanonical,serif!important;vertical-align:middle;margin-inline-start:5px;color:#718469}
body.home-scenes #introduction .hero-meaning-focus{font:inherit!important;font-style:normal!important;color:#8e793d;position:relative;display:inline-block;white-space:nowrap;isolation:isolate}
.hero-meaning-focus:after{content:'';position:absolute;left:-5px;right:-5px;bottom:14%;height:21%;background:#dfcd9166;border-radius:30% 40% 30% 40%;z-index:-1;transform-origin:right;transform:scaleX(1)}
body.home-scenes #introduction .hero-copy .eyebrow{font:400 14px/1.8 SiteUI,system-ui!important;color:#839372!important;margin:0!important;max-width:none!important;padding-inline-start:31px!important;position:relative}
body.home-scenes #introduction .hero-copy .eyebrow:before{display:block!important;content:'';position:absolute;right:0;top:12px;width:20px;height:2px;background:#b5a267;border-radius:4px}
body.home-scenes #introduction .hero-copy p.hero-lead{font:400 17px/1.95 SiteUI,system-ui!important;border:0!important;border-inline-start:2px solid #c2caab!important;padding:0 15px 0 0!important;margin:0!important;color:#7b8970!important;text-wrap:pretty}
body.home-scenes #introduction .hero-copy p.hero-lead>span{color:#9e8954!important}.hero-search-link{display:inline-flex;gap:14px;align-items:center;text-decoration:none;color:#456a48!important;border-bottom:1px solid #c2d0b1;padding:6px 0;font:400 16px/1.6 SiteUI,system-ui}.hero-search-link svg{width:20px;height:20px;transition:transform .25s}.hero-search-link:hover svg{transform:translateY(4px)}
body.home-scenes #introduction .meaning-journey{padding:18px 13px!important;border-radius:25px!important;border:1px solid #d9e2cc99!important;background:linear-gradient(135deg,#fffef9bb,#eff4e7aa)!important;box-shadow:0 12px 35px #425e3210!important;height:auto!important;min-height:370px;box-sizing:border-box}
body.home-scenes #introduction .journey-question{background:#fffffb!important;border-color:#d9e0ce!important;box-shadow:0 7px 20px #53673b10!important}.journey-witness{box-shadow:0 7px 25px #52663c0a!important}
@media(prefers-reduced-motion:no-preference){.intro-in-view .hero-copy>.eyebrow{animation:intro-line-in .5s both}.intro-in-view .hero-title-first{animation:intro-line-in .6s .07s both}.intro-in-view .hero-book{animation:intro-line-in .6s .15s both}.intro-in-view .hero-meaning-focus:after{animation:intro-mark-in .65s .4s both}.intro-in-view .hero-lead{animation:intro-line-in .6s .23s both}.intro-in-view .hero-search-link{animation:intro-line-in .5s .32s both}.intro-in-view .meaning-journey{animation:intro-scene-in .7s .12s both}@keyframes intro-line-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes intro-scene-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes intro-mark-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}}
@media(max-width:850px){body.home-scenes main>#introduction.hero{padding:28px 17px!important;gap:24px!important;grid-template-columns:minmax(0,1fr)!important}body.home-scenes #introduction .hero-copy{align-items:flex-start!important;text-align:right!important;gap:15px!important}body.home-scenes #introduction .hero-copy h1{font-size:clamp(28px,6.6vw,39px)!important;line-height:1.65!important}body.home-scenes #introduction .hero-copy .eyebrow{font-size:12px!important}body.home-scenes #introduction .hero-copy p.hero-lead{font-size:16px!important}body.home-scenes #introduction .meaning-journey{justify-self:center!important;width:100%!important;max-width:440px!important}.hero-search-link{font-size:15px}}
body.home-scenes #introduction .hero-copy h1,body.home-scenes #introduction .hero-copy h1 .hero-book{font-weight:600!important}body .discovery-message h2,body .discovery-library-copy h2,body .discovery-support h2{font-weight:600!important}.discovery-message-points b{font-weight:600!important}
.app-launcher-menu{box-sizing:border-box!important;max-width:calc(100vw - 24px)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.app-launcher-menu a{min-width:0!important;overflow:hidden!important;font-size:13px!important;min-height:75px!important;padding:10px 4px!important;word-break:normal!important;overflow-wrap:break-word!important}.app-launcher-menu a[data-app=support]{background:#f5ecd3!important;color:#8c733c!important;border:1px solid #e3d6ad!important}.app-launcher-menu a[data-app=support] svg{color:#ac8b47!important}
body.home-scenes #introduction .hero-copy .eyebrow{padding-inline-start:0!important}body.home-scenes #introduction .hero-copy .eyebrow:before,body.home-scenes #introduction .hero-copy .eyebrow:after{content:none!important;display:none!important;transform:none!important}
body .mushaf-dock .mushaf-toolbar{display:grid!important;grid-template-columns:minmax(110px,1fr) 62px 58px 44px 44px!important;gap:7px!important;align-items:center!important;width:100%!important;box-sizing:border-box!important}body .mushaf-dock .mushaf-toolbar label:has(#mushaf-surah){grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important;margin:0!important}body .mushaf-dock #mushaf-surah{width:100%!important;min-width:0!important;max-width:none!important;height:42px!important;padding:6px 10px!important;font:15px SiteUI!important}body .mushaf-dock #mushaf-go{grid-column:2!important;grid-row:1!important;display:grid!important;place-items:center!important;min-width:0!important;width:62px!important;height:42px!important;padding:7px!important;font:15px/1.5 SiteUI!important;white-space:nowrap!important;overflow:visible!important}body .mushaf-dock .mushaf-toolbar label:has(#mushaf-page){grid-column:3!important;grid-row:1!important;width:58px!important;margin:0!important;min-width:0!important}body .mushaf-dock #mushaf-page{appearance:textfield!important;width:58px!important;min-width:0!important;height:42px!important;padding:4px!important;text-align:center!important;font:15px SiteUI!important}#mushaf-page::-webkit-inner-spin-button,#mushaf-page::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body .mushaf-dock #mushaf-next{grid-column:4!important;grid-row:1!important;width:44px!important;height:42px!important;padding:5px!important}body .mushaf-dock #mushaf-prev{grid-column:5!important;grid-row:1!important;width:44px!important;height:42px!important;padding:5px!important}.audio-active .ayah-audio-player .mini-audio-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:7px!important;border:1px solid #c6d8b8!important;border-radius:15px!important;background:#e5efdc!important;box-shadow:0 4px 14px #284e2c12!important}.audio-active .ayah-audio-player .mini-audio-controls button{width:38px!important;height:38px!important;padding:5px!important;border:0!important;border-radius:11px!important;background:#f9fcf5!important;color:#456b43!important}.audio-active .ayah-audio-player .mini-audio-controls button:nth-child(2){width:46px!important;height:46px!important;background:#365e44!important;color:#fff!important;font-size:21px!important}.audio-active .ayah-audio-player>:not(.mini-audio-controls){box-shadow:none!important}@media(max-width:650px){body .mushaf-dock .mushaf-toolbar{grid-template-columns:minmax(82px,1fr) 48px 48px 36px 36px!important;gap:5px!important}body .mushaf-dock #mushaf-go{width:48px!important;font-size:13px!important}body .mushaf-dock .mushaf-toolbar label:has(#mushaf-page),body .mushaf-dock #mushaf-page{width:48px!important}body .mushaf-dock :is(#mushaf-next,#mushaf-prev){width:36px!important}body .mushaf-dock #mushaf-surah{font-size:14px!important;padding-inline:5px!important}}
html body .mushaf-dock .mushaf-toolbar #mushaf-go{width:62px!important;min-width:62px!important;padding:5px!important;white-space:nowrap!important;text-overflow:clip!important;overflow:visible!important} @media(max-width:650px){html body .mushaf-dock .mushaf-toolbar{grid-template-columns:minmax(82px,1fr) 60px 48px 36px 36px!important}html body .mushaf-dock .mushaf-toolbar #mushaf-go{width:60px!important;min-width:60px!important;font-size:14px!important}}@media(max-width:350px){html body .mushaf-dock .mushaf-toolbar{grid-template-columns:minmax(66px,1fr) 54px 44px 32px 32px!important;gap:4px!important}html body .mushaf-dock .mushaf-toolbar #mushaf-go{width:54px!important;min-width:54px!important}html body .mushaf-dock .mushaf-toolbar :is(#mushaf-page,label:has(#mushaf-page)){width:44px!important}html body .mushaf-dock .mushaf-toolbar :is(#mushaf-prev,#mushaf-next){width:32px!important}}

/* Reader dock: explicit named tracks own both compact and desktop layouts. */
html body .mushaf-main .mushaf-dock{width:min(760px,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important;padding:8px 10px!important;gap:6px!important;box-sizing:border-box!important}
html body .mushaf-main .mushaf-dock .mushaf-toolbar{display:grid!important;grid-template-columns:minmax(90px,1fr) 60px 60px 40px 40px!important;grid-template-areas:'surah page go previous next'!important;gap:6px!important;width:100%!important;grid-area:1/1/2/-1!important;padding:0!important;align-items:center!important}
html body .mushaf-main .mushaf-dock .mushaf-toolbar label:has(#mushaf-surah){grid-area:surah!important;max-width:100%!important;width:100%!important;margin:0!important}
html body .mushaf-main .mushaf-dock .mushaf-toolbar label:has(#mushaf-page){grid-area:page!important;width:100%!important;max-width:none!important;margin:0!important}
html body .mushaf-main .mushaf-dock .mushaf-toolbar #mushaf-go{grid-area:go!important;width:100%!important;min-width:0!important}
html body .mushaf-main .mushaf-dock .mushaf-toolbar #mushaf-prev{grid-area:previous!important;width:100%!important}
html body .mushaf-main .mushaf-dock .mushaf-toolbar #mushaf-next{grid-area:next!important;width:100%!important}
html body .mushaf-main .mushaf-dock .mushaf-toolbar :is(#mushaf-surah,#mushaf-page,#mushaf-go,#mushaf-prev,#mushaf-next){height:36px!important;min-height:36px!important;box-sizing:border-box!important;border-radius:10px!important;font:14px/1.4 SiteUI,system-ui!important;padding:4px 7px!important;min-width:0!important}
html body .mushaf-main .mushaf-dock .mushaf-toolbar label{font-size:0!important;min-width:0!important;padding:0!important}
html body .mushaf-main .mushaf-dock .mushaf-toolbar :is(#mushaf-surah,#mushaf-page){width:100%!important;max-width:100%!important}
html body .mushaf-main .mushaf-dock #reader-top-tools{grid-area:2/1/3/-1!important;padding:0!important;gap:10px!important;min-height:32px!important;position:static!important;border:0!important;background:transparent!important}
html body .mushaf-main .mushaf-dock .mushaf-action-rail{padding-top:5px!important;gap:6px!important;justify-content:space-between!important}
html body .mushaf-main .mushaf-dock .mushaf-action-rail button{width:34px!important;height:34px!important;min-height:34px!important;padding:7px!important;border-radius:10px!important}
html body .mushaf-main .mushaf-dock .mushaf-action-rail svg{width:21px!important;height:21px!important}
@media(min-width:651px){html body .mushaf-main .mushaf-dock .mushaf-toolbar{grid-template-columns:minmax(100px,1fr) 70px 70px 44px 44px!important;max-width:510px!important;margin-inline:auto!important}html body .mushaf-main .mushaf-dock .mushaf-toolbar label:has(#mushaf-surah){max-width:170px!important}}
@media(max-width:380px){html body .mushaf-main .mushaf-dock .mushaf-toolbar{grid-template-columns:minmax(76px,1fr) 48px 52px 34px 34px!important;gap:4px!important}}
html body .mushaf-main .mushaf-spread.is-zoomed{cursor:grab!important}html body .mushaf-main .mushaf-spread.is-panning{cursor:grabbing!important}
html body .mushaf-main .mushaf-layout{overflow:auto!important;max-height:calc(100dvh - var(--reader-dock-height,150px) - 30px);overscroll-behavior:contain}
html body.mushaf-paper-edges .mushaf-spread{border-radius:18px!important;border:1px solid #a8967a!important;background:var(--mushaf-paper,#fff8e9);box-shadow:0 0 0 2px var(--mushaf-paper,#fff8e9),0 0 0 3px #b8aa91,0 0 0 5px var(--mushaf-paper,#fff8e9),0 0 0 6px #b8aa91,0 0 0 8px var(--mushaf-paper,#fff8e9),0 0 0 9px #a8967a,0 8px 18px #30271922!important;overflow:hidden!important}
html body.mushaf-paper-edges .original-page{background:linear-gradient(90deg,#65553c0e,transparent 5%,transparent 95%,#65553c0b)!important}

/* Results share one control geometry, regardless of where the sort field is mounted. */
html body#top.home-scenes.v7-results #display-filters #result-tools{display:flex!important;align-items:stretch!important;gap:8px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;width:auto!important;height:44px!important}
html body#top.home-scenes.v7-results #display-filters #result-tools :is(.reading-size,.diacritics-control){display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;min-width:0!important;height:44px!important;min-height:44px!important;max-height:44px!important;border:1px solid #d4dfc8!important;border-radius:12px!important;background:#fffefa!important;margin:0!important;box-sizing:border-box!important;overflow:visible!important}
html body#top.home-scenes.v7-results #display-filters #result-tools .reading-size{width:138px!important;padding:0 8px!important;gap:8px!important}
html body#top.home-scenes.v7-results #display-filters #result-tools .diacritics-control{width:128px!important;padding:0 12px!important;gap:7px!important;white-space:nowrap!important}
html body#top.home-scenes.v7-results #display-filters #result-tools .diacritics-control input{flex:none!important;width:17px!important;height:17px!important;margin:0!important}
html body#top.home-scenes.v7-results #display-filters .result-sort-field{height:44px!important;min-height:44px!important;border:1px solid #d4dfc8!important;border-radius:12px!important;background:#fffefa!important;position:relative!important;overflow:hidden!important;box-sizing:border-box!important}
html body#top.home-scenes.v7-results #display-filters .result-sort-field select{height:42px!important;min-height:42px!important;width:100%!important;box-sizing:border-box!important;border:0!important;border-radius:12px!important;background:transparent!important;padding-inline:34px 12px!important;appearance:none!important;font:14px SiteUI!important}
html body#top.home-scenes.v7-results #display-filters .result-sort-field>svg{display:block!important;position:absolute!important;inset-inline-start:10px!important;top:13px!important;width:18px!important;height:18px!important;pointer-events:none!important;color:#728766!important}
html body#top.home-scenes.v7-results #display-filters .result-precision-control>div:first-child{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}
html body#top.home-scenes.v7-results #display-filters .result-precision-control>div:first-child>label{display:flex!important;align-items:baseline!important;gap:7px!important}
html body#top.home-scenes.v7-results #display-filters .result-precision-control output{display:inline!important;font:inherit!important;font-size:.9em!important;background:none!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
@media(max-width:650px){html body#top.home-scenes.v7-results #display-filters #result-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;height:42px!important}html body#top.home-scenes.v7-results #display-filters #result-tools :is(.reading-size,.diacritics-control,.result-sort-field){width:100%!important;height:42px!important;min-height:42px!important;max-height:42px!important;padding-inline:5px!important;font-size:12px!important}html body#top.home-scenes.v7-results #display-filters .result-sort-field select{font-size:11px!important;height:40px!important;min-height:40px!important;padding-inline:26px 4px!important}html body#top.home-scenes.v7-results #display-filters .result-sort-field>svg{width:15px!important;inset-inline-start:7px!important;top:12px!important}html body#top.home-scenes.v7-results #display-filters #result-tools .reading-size{gap:3px!important}}
html body.v7-results #results .result-card :is(.result-note-inline,.result-share-button,.v4-copy-verse,.v4-save-verse,.result-save,.inline-note-action,.share-capture-action){background:var(--card-paper)!important;color:var(--card-ink)!important;border-color:var(--card-border)!important;box-shadow:none!important}
html body.v7-results #results .result-card :is(.result-note-inline,.result-share-button,.v4-copy-verse,.v4-save-verse,.result-save,.inline-note-action,.share-capture-action) svg{color:inherit!important;stroke:currentColor!important}
/* Busy status and the remembrance are separate rows in normal flow. */
html body#top #form.v18-search.is-searching #search-progress:not([hidden]){position:static!important;display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;gap:18px 10px!important;margin:20px 0 0!important;padding:0!important;clear:both!important}
html body#top #form.v18-search.is-searching #search-progress .search-remembrance{grid-column:1/-1!important;position:static!important;margin:2px 0 0!important;padding:18px!important;transform:none!important}
html body#top #form.v18-search.is-searching #search-progress .search-activity-copy{margin:0!important;padding:4px 0 10px!important;min-width:0!important}
html body#top #form.v18-search.is-searching #search-progress .search-activity-track{margin-top:10px!important}
/* Close controls keep their centre and inherit the current surface palette. */
html body :is(button[aria-label^="إغلاق"],.inspector-close){transition:background .18s ease,color .18s ease,opacity .18s ease!important;transform:none!important;box-shadow:none!important}
html body :is(button[aria-label^="إغلاق"],.inspector-close):hover{transform:none!important;opacity:.76!important;box-shadow:none!important}

html body.v7-results #results .result-card button{color:var(--card-ink)!important}html body.v7-results #results .result-card button svg{color:inherit!important;stroke:currentColor!important}
html body.mushaf-mobile-reader.mushaf-paper-edges .mushaf-main .mushaf-spread{margin:10px 12px!important}

html body#top #form.v18-search .v4-query-clear{transform:none!important;transition:background .18s ease,rotate .22s ease!important}html body#top #form.v18-search .v4-query-clear:hover{transform:none!important;rotate:90deg;background:#e8efdf!important}
html body .mushaf-home-close{transition:background .2s ease,scale .2s ease!important}html body .mushaf-home-close:hover{background:#98483e!important;scale:1.04;transform:none!important}
html body#top #form.v18-search.is-searching>.v8-inline-search-status{position:static!important;display:flex!important;align-items:center!important;margin:20px 0 0!important;padding:12px 4px!important;gap:12px!important;min-height:42px!important;box-sizing:border-box!important}
html body#top #form.v18-search.is-searching>.v8-inline-search-status .search-activity-copy{padding:0 0 6px!important}
html body#top #form.v18-search.is-searching>.v8-inline-search-status .search-activity-track{margin-top:9px!important}
html body#top #form.v18-search.is-searching #search-progress:not([hidden]){margin-top:18px!important}
@media(prefers-reduced-motion:reduce){html body#top #form.v18-search .v4-query-clear:hover{rotate:0deg!important}html body .mushaf-home-close:hover{scale:1!important}}
@media(max-width:650px){html body#top.home-scenes.v7-results #display-filters .display-filter-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:42px 42px!important;gap:10px!important;align-items:stretch!important}html body#top.home-scenes.v7-results #display-filters .display-filter-head>.result-view-options{grid-area:1/1/2/2!important;width:100%!important;height:42px!important;min-height:42px!important;box-sizing:border-box!important;border-radius:12px!important;margin:0!important}html body#top.home-scenes.v7-results #display-filters .display-filter-head>#result-tools{grid-area:2/1/3/2!important;margin:0!important}}
/* Result controls follow the surface they belong to, including narrow list cards. */
html body.v7-results #results .result-card{container:result-card / inline-size}
html body.v7-results #results .result-card :is(.reference,.result-card-foot a,.result-prose,.explanation-relation,.result-ai-wait,.result-ai-wait-label,.result-summary-sources,.result-insight-body h4){color:var(--card-ink)!important;border-color:var(--card-border)!important}
html body.v7-results #results .search-overview :is(.result-ai-wait,.result-ai-wait-label,.result-prose){color:#725742!important}
html body.v7-results #results .result-card .result-tab-bar{grid-template-rows:auto!important;align-items:stretch!important}
html body.v7-results #results .result-card .result-tab-bar>.result-source-picker{flex-direction:row-reverse!important;gap:0!important;box-shadow:none!important;border-inline:1px solid var(--card-border)!important}
html body.v7-results #results .result-card .result-tab-bar .result-source-name{border-inline-start:0!important;border-inline-end:1px solid color-mix(in srgb,var(--card-border) 55%,transparent)!important;flex:0 0 27px!important;width:27px!important;max-width:27px!important;border-radius:6px!important}
html body.v7-results #results .result-card .result-source-name svg{width:15px!important;height:15px!important;transition:rotate .2s}
html body.v7-results #results .result-card .result-source-name[aria-expanded=true] svg{rotate:180deg}
html body .text-inline-actions,html body .result-inline-actions{display:inline-flex!important;vertical-align:middle!important;gap:4px!important;margin:0 7px!important;white-space:nowrap!important;line-height:1!important;float:none!important}
html body .text-inline-actions :is(.inline-note-action,.share-capture-action),html body .result-inline-actions :is(.result-note-inline,.result-share-button){display:inline-grid!important;place-items:center!important;float:none!important;position:static!important;width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;margin:0!important;padding:5px!important;vertical-align:middle!important;border-radius:8px!important;color:var(--card-ink,#52745c)!important;border:1px solid var(--card-border,#cbd9c2)!important;background:transparent!important;box-shadow:none!important;line-height:1!important}
html body .text-inline-actions svg,html body .result-inline-actions svg{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important}
@container result-card (max-width:460px){html body.v7-results #results .result-card .result-tab-bar{display:flex!important;flex-direction:column!important;gap:0!important;padding:3px 8px!important;border-radius:12px!important}html body.v7-results #results .result-card .result-tab-bar>.result-tab,html body.v7-results #results .result-card .result-tab-bar>.result-source-picker{width:100%!important;flex:none!important;grid-area:auto!important;min-height:34px!important;height:34px!important;max-height:none!important;border:0!important;margin:0!important}html body.v7-results #results .result-card .result-tab-bar>.result-source-picker{border-block:1px solid var(--card-border)!important;border-radius:0!important}html body.v7-results #results .result-card .result-tab-bar :is(.result-tab,.result-source-name){height:32px!important;min-height:32px!important;max-height:32px!important;white-space:normal!important;text-overflow:clip!important;font-size:14px!important;padding:3px 7px!important}html body.v7-results #results .result-card .result-tab-bar .result-source-toggle{overflow:visible!important;white-space:normal!important}html body.v7-results #results .result-card .result-tab-bar .result-font-tools{display:none!important}}
@media(max-width:650px){html body.v7-results #results .result-card .result-tab-bar{display:flex!important;flex-direction:column!important;gap:0!important;padding:3px 8px!important}html body.v7-results #results .result-card .result-tab-bar>:is(.result-tab,.result-source-picker){grid-area:auto!important;width:100%!important;height:34px!important;min-height:34px!important;max-height:34px!important;border:0!important;margin:0!important;font-size:14px!important}html body.v7-results #results .result-card .result-tab-bar>.result-source-picker{border-block:1px solid var(--card-border)!important;border-radius:0!important}html body.v7-results #results .result-card .result-tab-bar .result-source-picker>button{height:32px!important;min-height:32px!important;max-height:32px!important;font-size:14px!important;white-space:normal!important}}
html body .summary-regenerate-icon,html body .v18-rotate-questions{background:#f8f2e5!important;border:1px solid #deceb0!important;border-radius:11px!important;color:#94773c!important;display:inline-grid!important;place-items:center!important;padding:7px!important}
html body :is(.summary-regenerate-icon,.v18-rotate-questions) svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body .app-launcher-menu a[data-app=support]{grid-column:1/-1!important;display:flex!important;flex-direction:row!important;gap:10px!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:8px 14px!important;border-radius:14px!important;background:linear-gradient(100deg,#eff4e7,#f8f2df)!important;border:1px solid #dbd9bc!important;color:#7c6a36!important;font-size:14px!important;position:relative;overflow:hidden}
html body .app-launcher-menu a[data-app=support] svg{width:21px!important;height:21px!important;animation:support-breathe 3.8s ease-in-out infinite}
@keyframes support-breathe{0%,100%{scale:1}50%{scale:1.09}}
@media(prefers-reduced-motion:reduce){html body .app-launcher-menu a[data-app=support] svg{animation:none}}
/* The outer leaf edge changes with page parity; the binding stays on the inside. */
html body.mushaf-paper-edges .mushaf-spread{--leaf-line:color-mix(in srgb,var(--mushaf-ink,#354b36) 30%,var(--mushaf-paper,#fff8e9));--leaf-paper:var(--mushaf-paper,#fff8e9);gap:1px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;isolation:isolate}
html body.mushaf-paper-edges .original-page{position:relative!important;background:var(--leaf-paper)!important;border:0!important;overflow:visible!important}
html body.mushaf-paper-edges .original-page>svg{border-radius:inherit!important}
html body.mushaf-paper-edges .original-page[data-page-side=right]{border-radius:0 24px 24px 0!important;box-shadow:1px 0 var(--leaf-line),3px 0 0 var(--leaf-paper),4px 0 0 var(--leaf-line),6px 0 0 var(--leaf-paper),7px 0 0 var(--leaf-line),10px 5px 16px #27341e12!important}
html body.mushaf-paper-edges .original-page[data-page-side=left]{border-radius:24px 0 0 24px!important;box-shadow:-1px 0 var(--leaf-line),-3px 0 0 var(--leaf-paper),-4px 0 0 var(--leaf-line),-6px 0 0 var(--leaf-paper),-7px 0 0 var(--leaf-line),-10px 5px 16px #27341e12!important}
html body.mushaf-paper-edges .original-page::after{content:'';position:absolute;pointer-events:none;top:0;bottom:0;width:12px;z-index:2;background:linear-gradient(90deg,#2832210e,transparent)}
html body.mushaf-paper-edges .original-page[data-page-side=right]::after{left:0;border-left:1px solid var(--leaf-line)}
html body.mushaf-paper-edges .original-page[data-page-side=left]::after{right:0;scale:-1 1;border-left:1px solid var(--leaf-line)}
html body.mushaf-paper-edges .mushaf-spread::after{display:none!important}
html body .reading-ribbon{position:absolute!important;z-index:6!important;top:0!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;translate:none!important;width:22px!important;height:48px!important;min-height:0!important;padding:8px 3px 14px!important;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)!important;border:0!important;border-radius:0 0 1px 1px!important;background:linear-gradient(90deg,#a78a44,#c4a75c 46%,#ad8f45)!important;color:#fffcef!important;box-shadow:none!important;transition:height .2s,filter .2s!important}
html body .reading-ribbon::before{content:'';position:absolute;inset:0 3px 8px;border-inline:1px solid #fff8dc35;pointer-events:none}
html body .reading-ribbon[data-paired=false][data-page-side=right]{left:12px!important}
html body .reading-ribbon[data-paired=false][data-page-side=left]{left:auto!important;right:12px!important;transform:translateX(50%)!important}
html body .reading-ribbon svg{width:14px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.5!important}
html body .reading-ribbon:hover{height:53px!important;filter:brightness(1.05)}
html body .reading-ribbon[aria-pressed=true]{background:linear-gradient(90deg,#365f48,#547c58 46%,#3f674b)!important}
/* Close buttons retain their ink and background on hover. */
html body :is(button[aria-label^="إغلاق"],.inspector-close,.mushaf-home-close){opacity:1!important;background:var(--card-paper,#f0f4e9)!important;color:var(--card-ink,#47654b)!important;border:1px solid var(--card-border,#cbd8c1)!important;box-shadow:none!important;transition:background .18s,border-color .18s,rotate .22s!important}
html body :is(button[aria-label^="إغلاق"],.inspector-close,.mushaf-home-close):hover{opacity:1!important;background:color-mix(in srgb,var(--card-ink,#47654b) 10%,var(--card-paper,#f0f4e9))!important;color:var(--card-ink,#36543b)!important;border-color:var(--card-ink,#7e9873)!important;rotate:8deg;scale:1!important;transform:none!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){html body .reading-ribbon,html body :is(button[aria-label^="إغلاق"],.inspector-close,.mushaf-home-close){transition:none!important;rotate:0deg!important}}

html body.v7-results #results .result-card :is(.verse,.tafsir,.reason,.explanation,.qpc-glyphs,.quran-glyph){color:var(--card-ink)!important}
/* Reading has a single surface; tools are a quiet divider rather than nested cards. */
html body.v7-results #results .result-card .result-insight-body{padding:18px 0 4px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body.v7-results #results .result-card .result-insight-body :is(.result-tafsir-panel,.result-explanation,.summary-meaning,.summary-connection){padding-inline:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
html body.v7-results #results .result-card .result-tab-bar{border:0!important;border-block:1px solid var(--card-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:4px 0!important}
html body.v7-results #results .result-card .result-tab-bar .result-source-toggle{background:transparent!important;box-shadow:none!important}
html body.v7-results #results .result-card .result-tab-bar .result-tab[aria-expanded=true]{background:var(--card-tint,var(--card-paper))!important;font-weight:600!important}

html body .v9-new-search{background:#edf2e5!important;border-color:#c5d3b6!important}html body .v9-new-search>svg{width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body .reading-ribbon{height:62px!important;padding-top:12px!important}
html body .reading-ribbon[data-paired=false]{top:14px!important}
html body .reading-ribbon:hover{height:67px!important}

html body.mushaf-paper-edges{background:color-mix(in srgb,var(--mushaf-paper,#fff8e9) 94%,var(--mushaf-ink,#354b36))!important}html body.mushaf-paper-edges .mushaf-main{background:transparent!important}html body.mushaf-paper-edges .original-page[data-page-side=right]{border-right:1.3px solid var(--leaf-line)!important}html body.mushaf-paper-edges .original-page[data-page-side=left]{border-left:1.3px solid var(--leaf-line)!important}
html body.mushaf-paper-edges .original-page>.text-mushaf{box-sizing:border-box!important;padding-inline:clamp(8px,1vw,14px)!important}
@media(min-width:960px) and (orientation:landscape){html body.mushaf-paper-edges .original-page>.text-mushaf{padding-inline:24px!important}}
@media(max-width:959px){html body.mushaf-paper-edges .mushaf-spread[data-visible-pages="1"] .original-page[data-page-side=right]>.text-mushaf{padding-left:8px!important;padding-right:18px!important}html body.mushaf-paper-edges .mushaf-spread[data-visible-pages="1"] .original-page[data-page-side=left]>.text-mushaf{padding-left:18px!important;padding-right:8px!important}}
/* Focused reader: controls overlay the page only when explicitly requested. */
html body:has(.mushaf-main){background:color-mix(in srgb,var(--mushaf-paper,#fff8e9) 90%,var(--mushaf-ink,#354b36))!important}
html body .mushaf-main{width:100%!important;max-width:none!important;min-height:100dvh!important;padding:6px 60px 0!important;margin:0!important;box-sizing:border-box!important}
html body .mushaf-main .mushaf-layout{display:block!important;margin:0!important;padding:0!important;overflow:visible!important}
html body .mushaf-main .mushaf-spread{margin:0 auto!important;padding:0!important;width:var(--spread-fit)!important;max-width:none!important;align-items:start!important}
html body .mushaf-main .original-page>.text-mushaf{display:block!important;width:100%!important;height:var(--reader-page-height)!important;max-height:none!important;box-sizing:border-box!important;padding:0 24px!important}
html body .mushaf-main .mushaf-dock{position:fixed!important;inset:auto 70px 12px!important;max-width:920px!important;width:calc(100% - 140px)!important;margin-inline:auto!important;z-index:35!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(14px)!important;transition:opacity .2s,transform .2s,visibility .2s!important}
html body.reader-controls-open .mushaf-main .mushaf-dock{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
html body .reader-controls-reveal{position:fixed;z-index:36;bottom:max(5px,env(safe-area-inset-bottom));left:50%;translate:-50% 0;width:54px;min-width:54px;height:23px;min-height:23px;padding:8px 12px;border:1px solid #82927855;border-radius:12px;background:color-mix(in srgb,var(--mushaf-paper,#fff8e9) 85%,transparent);color:var(--mushaf-ink,#35513b);box-shadow:0 2px 8px #1f302014}
.reader-controls-reveal>span{display:block;height:3px;width:26px;border-radius:3px;background:currentColor;opacity:.55}
html body.reader-controls-open .reader-controls-reveal{bottom:3px}
html body:has(.mushaf-main) .app-launcher{left:10px!important;top:auto!important;bottom:12px!important}
html body .reader-page-badge,html body .reader-scrub-arrow{display:none!important}
@media(max-width:959px), (orientation:portrait){
 html body .mushaf-main{padding:0 5px!important;min-height:100dvh!important}
 html body .mushaf-main .mushaf-spread{margin:0 auto!important;gap:0!important}
 html body.mushaf-paper-edges .mushaf-main .original-page>.text-mushaf,html body .mushaf-main .original-page>.text-mushaf{padding:0!important}
 html body .mushaf-main .mushaf-dock{inset:auto 10px max(28px,calc(env(safe-area-inset-bottom) + 22px))!important;width:calc(100% - 20px)!important;padding:9px 11px!important;border-radius:22px!important;box-shadow:0 5px 24px #20322120!important;background:var(--mushaf-paper,#fff8e9)!important}
 html body .mushaf-main .mushaf-dock .mushaf-action-rail{display:none!important}
 html body .mushaf-main .mushaf-dock .mushaf-toolbar{display:none!important}
 html body.reader-jump-open .mushaf-main .mushaf-dock .mushaf-toolbar{display:flex!important;padding:5px 0 10px!important;margin:0!important;gap:7px!important;flex-wrap:wrap!important}
 html body.reader-jump-open .mushaf-toolbar :is(#mushaf-prev,#mushaf-next,#mushaf-mark,#notes-board-toggle){display:none!important}
 html body .mushaf-main #reader-top-tools{display:block!important;padding:0!important;margin:0!important}
 html body .mushaf-main .mushaf-zoom{display:none!important}
 html body .mushaf-main .page-scrubber{display:flex!important;align-items:center!important;gap:8px!important;padding:0!important;margin:0!important;width:100%!important}
 html body .mushaf-main .page-scrubber>label,html body .mushaf-main .page-scrubber>output{display:none!important}
 html body .mushaf-main .page-scrubber input{flex:1!important;width:auto!important;min-width:60px!important;height:26px!important;margin:0!important;accent-color:#4d7356!important;order:2}
 html body .reader-page-badge{display:block!important;order:1;min-width:43px!important;height:31px!important;min-height:31px!important;border:0!important;border-radius:16px!important;padding:3px 8px!important;background:#4c7154!important;color:#fffdf5!important;font:15px SiteUI!important}
 html body .reader-scrub-arrow{display:grid!important;place-items:center!important;order:3;width:27px!important;min-width:27px!important;height:30px!important;min-height:30px!important;padding:5px!important;background:transparent!important;border:0!important;color:#52744f!important}
 html body .reader-scrub-arrow svg{width:17px;height:17px}
 html body:not(.reader-controls-open):has(.mushaf-main) .mushaf-home-close{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
 html body .mushaf-action-rail{display:none!important}
 html body.reader-controls-open .mushaf-home-close{width:30px!important;height:30px!important;min-height:30px!important;font-size:22px!important;top:8px!important;left:8px!important}
 html body .mushaf-settings{z-index:70!important}
}
@media(prefers-reduced-motion:reduce){html body .mushaf-main .mushaf-dock{transition:none!important}}
/* A single, balanced navigation band instead of uneven wrapped links. */
@media(min-width:960px){html body .site-header{display:grid!important;grid-template-columns:154px minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;max-width:none!important;padding:13px 24px!important}html body .site-header .site-brand img{width:150px!important;height:58px!important;animation:none!important}html body .site-header nav{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:3px!important;width:100%!important;min-width:0!important}html body .site-header nav a{font-size:13px!important;line-height:1.5!important;padding:10px 9px!important;border-radius:12px!important;position:relative!important;transition:background .2s,color .2s,translate .2s!important}html body .site-header nav a:hover{translate:0 -2px;background:#edf2e6!important;color:#365b44!important}html body .site-header nav a[aria-current=page]{background:#e4ecd9!important;color:#355c42!important}html body .site-header .site-support{font-size:12px!important;padding:9px 12px!important;white-space:nowrap!important}html body .mushaf-main~.site-header{display:none!important}}
@media(min-width:960px) and (max-width:1180px){html body .site-header{grid-template-columns:120px minmax(0,1fr) auto!important;gap:8px!important;padding-inline:14px!important}html body .site-header .site-brand img{width:118px!important}html body .site-header nav a{font-size:11px!important;padding-inline:7px!important}html body .site-header .site-support{font-size:11px!important;padding-inline:8px!important}}
@media(prefers-reduced-motion:reduce){html body .site-header nav a{transition:none!important;translate:none!important}}
html body .mushaf-main>#mushaf-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html body.mushaf-framed{background:color-mix(in srgb,var(--mushaf-paper,#fff8e9) 86%,var(--mushaf-ink,#354b36))!important}
html body .mushaf-match-modes{display:flex;align-items:center;gap:4px;padding:3px;background:#eef2e7;border:1px solid #d5dfc9;border-radius:11px;margin:10px 0 5px;width:fit-content}
html body .mushaf-match-modes button{font:14px SiteUI!important;min-height:34px!important;min-width:82px;padding:5px 14px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#6c7e61!important;box-shadow:none!important}
html body .mushaf-match-modes button[aria-pressed=true]{background:#fffef8!important;color:#365c44!important;box-shadow:0 1px 5px #263c1920!important}
/* Clear reading hierarchy for the introduction and library cards. */
html body .discovery-message{padding:30px!important}
html body .discovery-message>p{font-size:17px!important;line-height:1.85!important;margin:14px 0 20px!important;max-width:66ch}
html body .discovery-message h2{font-size:clamp(24px,2.4vw,34px)!important;line-height:1.65!important;margin:10px 0!important}
html body .discovery-message-points{gap:14px!important;padding-top:17px!important;margin-top:18px!important}
html body .discovery-message-points span{font-size:14px!important;line-height:1.65!important;gap:4px!important}
html body .discovery-message-points b{font-size:15px!important;line-height:1.65!important}
html body .discovery-library h2{font-size:clamp(22px,2.2vw,31px)!important;line-height:1.6!important}
@media(max-width:700px){html body .discovery-message{padding:23px 20px!important;border-radius:22px!important}html body .discovery-message h2{font-size:23px!important;line-height:1.65!important}html body .discovery-message>p{font-size:15px!important;line-height:1.85!important;margin:12px 0 18px!important}html body .discovery-message-points{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;padding-top:15px!important;margin-top:16px!important}html body .discovery-message-points span{display:block!important;font-size:12px!important;line-height:1.7!important}html body .discovery-message-points b{display:block!important;font-size:13px!important;margin-bottom:1px}html body .discovery-library{display:block!important;padding:23px 20px!important;position:relative!important;overflow:hidden!important}html body .discovery-library h2{font-size:25px!important;max-width:100%!important;line-height:1.55!important;margin:10px 0!important}html body .discovery-library p{font-size:14px!important;line-height:1.8!important;max-width:100%!important}html body .discovery-library .discovery-library-visual{position:static!important;max-width:130px!important;max-height:110px!important;margin:12px auto 0!important}html body .discovery-library>div{min-width:0!important;width:100%!important}}
@media(max-width:700px){html body .discovery-library{display:flex!important;flex-direction:column-reverse!important;gap:5px!important}html body .discovery-library .discovery-library-copy{display:block!important;width:100%!important;min-width:0!important}html body .discovery-library .discovery-library-visual{position:relative!important;inset:auto!important;flex:none!important;width:210px!important;height:170px!important;max-width:none!important;max-height:none!important;min-height:0!important;scale:.72;transform:none!important;transform-origin:center center!important;margin:-15px auto -25px!important}html body .discovery-library .discovery-library-visual svg{width:37px!important;height:37px!important}html body .discovery-eyebrow{font-size:12px!important;line-height:1.6!important}}
@media(max-width:959px), (orientation:portrait){html body .mushaf-main{padding-inline:2px!important}}
html body.focus-reading .mushaf-main{padding:6px 60px 0!important;max-width:none!important;width:100%!important}
html body.focus-reading .mushaf-main #mushaf-spread{margin:0 auto!important}
@media(max-width:959px), (orientation:portrait){html body.focus-reading.mushaf-mobile-reader .mushaf-main{padding:0 2px!important}html body.focus-reading.mushaf-mobile-reader .mushaf-main #mushaf-spread .original-page>.text-mushaf{padding:0!important}html body.focus-reading.mushaf-mobile-reader .mushaf-layout{overflow-x:clip!important}}
@media(min-width:960px) and (orientation:landscape){html body.focus-reading .mushaf-main{padding:6px 44px 0!important}html body .mushaf-action-rail{right:8px!important;inset-inline-end:8px!important;gap:5px!important}html body .mushaf-action-rail button{width:32px!important;min-width:32px!important;height:34px!important;min-height:34px!important;padding:7px!important;border-radius:10px!important}html body .mushaf-action-rail button svg{width:19px!important;height:19px!important}}

/* Three rounded leaves sit outside the reading surface, never over the text. */
.paper-leaf-stack{display:none;pointer-events:none}
html body.mushaf-paper-edges .original-page{box-shadow:0 3px 12px #26301c12!important}
html body.mushaf-paper-edges .original-page>.text-mushaf{position:relative;z-index:1;background:var(--leaf-paper)}
html body.mushaf-paper-edges .paper-leaf-stack{display:block;position:absolute;inset:0;z-index:0}
html body.mushaf-paper-edges .paper-leaf-stack i{position:absolute;inset:2px 0 calc(var(--leaf-depth)*1px);display:block;background:var(--leaf-paper);border:1.25px solid var(--leaf-line);box-shadow:0 2px 3px #27341e0d}
html body.mushaf-paper-edges [data-page-side=right]>.paper-leaf-stack i{transform:translateX(calc(var(--leaf-depth)*4px));border-radius:0 32px 36px 0}
html body.mushaf-paper-edges [data-page-side=left]>.paper-leaf-stack i{transform:translateX(calc(var(--leaf-depth)*-4px));border-radius:32px 0 0 36px}
.reader-slider-track{position:relative;flex:1;min-width:60px;order:2;padding-top:23px}
html body .reader-slider-track #page-slider{display:block;width:100%!important;margin:0!important;direction:rtl}
html body .reader-slider-surah{position:absolute;top:0;max-width:100%;min-height:22px!important;height:22px;padding:0 7px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--mushaf-ink,#365b44)!important;font:12px/22px SiteUI!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none!important;transition:background .15s}
html body .reader-slider-surah:hover{background:color-mix(in srgb,var(--mushaf-ink,#365b44) 9%,transparent)!important}
html body .reader-index{box-sizing:border-box;width:min(600px,calc(100vw - 24px));max-height:85dvh;margin:auto;padding:20px;border:1px solid #cdd7c4;border-radius:24px;background:var(--mushaf-paper,#fff8e9);color:var(--mushaf-ink,#365b44);box-shadow:0 16px 60px #17291e33;direction:rtl}
.reader-index::backdrop{background:#14251c66;backdrop-filter:blur(4px)}
.reader-index header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font:21px SiteUI}
html body .reader-index header button{width:32px;height:32px;min-height:32px;min-width:32px;padding:0;border:0;border-radius:10px;background:#e9eee2;color:#365b44;font:25px/1 SiteUI}
html body .reader-index header button:hover{background:#dce5d1;color:#294531}
html body .reader-index input{box-sizing:border-box;width:100%;min-height:40px;padding:8px 12px;border:1px solid #cbd6c0;border-radius:12px;background:color-mix(in srgb,var(--mushaf-paper,#fff8e9) 94%,var(--mushaf-ink,#365b44));color:inherit;font:14px SiteUI;margin-bottom:10px}
.reader-index-list{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;max-height:calc(85dvh - 144px);overflow:auto;overscroll-behavior:contain}
html body .reader-index-item{display:grid;grid-template-columns:28px 1fr;column-gap:7px;align-items:center;min-width:0;min-height:58px;padding:7px 5px!important;border:0!important;border-bottom:1px solid #82927826!important;border-radius:8px!important;background:transparent!important;text-align:right;color:inherit;font:15px SiteUI;box-shadow:none!important}
.reader-index-number{grid-row:span 2;text-align:center;font-size:12px;opacity:.65}
.reader-index-item strong{font-weight:500}.reader-index-item small{font-size:11px;opacity:.7}
html body .reader-index-item:hover,html body .reader-index-item[aria-current=true]{background:color-mix(in srgb,var(--mushaf-ink,#365b44) 10%,transparent)!important}
.reader-index-status{font:14px SiteUI;text-align:center}
@media(max-width:959px),(orientation:portrait){
 html body.focus-reading.mushaf-mobile-reader.mushaf-paper-edges[data-page-side=right] #mushaf-spread{translate:-5px 0}
 html body.focus-reading.mushaf-mobile-reader.mushaf-paper-edges[data-page-side=left] #mushaf-spread{translate:5px 0}
 html body .mushaf-main .page-scrubber{align-items:end!important}
 html body .mushaf-main .page-scrubber .reader-slider-track input{width:100%!important}
}
@media(max-width:380px){.reader-index-list{grid-template-columns:1fr}.reader-index{padding:15px!important}}
/* Reading has one navigation row; the index lives beside the live surah label. */
html body.focus-reading .mushaf-main .mushaf-dock{display:block!important;padding:10px 14px!important;width:min(820px,calc(100% - 32px))!important;inset:auto 16px 80px!important;max-width:820px!important;background:var(--mushaf-paper)!important}
html body.focus-reading .mushaf-main #reader-top-tools{display:flex!important;align-items:end!important;gap:10px!important;padding:0!important}
html body.focus-reading .mushaf-main .page-scrubber{display:flex!important;align-items:end!important;gap:9px!important;flex:1!important}
html body.focus-reading .page-scrubber>label,html body.focus-reading .page-scrubber>output{display:none!important}
html body.focus-reading .reader-page-badge{display:block!important;order:1;min-width:43px;height:32px;min-height:32px;border:0;border-radius:16px;padding:3px 9px;background:#4c7154;color:#fffdf5;font:15px SiteUI}
html body.focus-reading .reader-scrub-arrow{display:grid!important;place-items:center;order:3;width:30px;height:32px;min-width:30px;min-height:32px;padding:6px;border:0;background:transparent;color:var(--mushaf-ink)}
.reader-scrub-arrow svg{width:18px;height:18px}
html body.focus-reading .mushaf-main .mushaf-toolbar{display:none!important}
html body.focus-reading.reader-jump-open .mushaf-main .mushaf-toolbar{display:flex!important;justify-content:start!important;gap:7px!important;margin:0 0 6px!important}
html body.focus-reading .mushaf-toolbar .reader-surah-choice,html body.focus-reading .mushaf-toolbar :is(#mushaf-prev,#mushaf-next,#mushaf-mark,#notes-board-toggle){display:none!important}
html body.focus-reading .mushaf-zoom{display:flex!important;flex-direction:row;gap:3px;flex:none;order:4}
html body.focus-reading .reader-slider-surah{font-size:13px!important;display:flex;gap:5px;align-items:center}
/* Floating navigation stays available, and both controls keep the same drag behavior. */
html body:has(.mushaf-main) .app-launcher{opacity:1!important;visibility:visible!important;pointer-events:auto!important;translate:none!important;transform:none!important}
html body .app-launcher-toggle{background:#fff8e4!important;border-color:#b9a46e!important;box-shadow:0 4px 16px #34482a30,0 0 0 3px #e5d7ad3b!important}
html body .app-launcher.is-dragging{transition:none!important}
html body .app-launcher>.mushaf-search-trigger{touch-action:none!important}
html body.focus-reading .reading-ribbon{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
/* With no frame or paper edges the entire canvas is one uninterrupted sheet. */
html body.focus-reading:not(.mushaf-framed):not(.mushaf-paper-edges){background:var(--mushaf-paper)!important}
html body.focus-reading:not(.mushaf-framed):not(.mushaf-paper-edges) .original-page{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html body.focus-reading:not(.mushaf-framed):not(.mushaf-paper-edges) .mushaf-spread{background:transparent!important;border:0!important;box-shadow:none!important}
html body.focus-reading:not(.mushaf-framed):not(.mushaf-paper-edges) .original-page::after{display:none!important}
html body.focus-reading.mushaf-paper-edges,html body.focus-reading.mushaf-framed{background:color-mix(in srgb,var(--mushaf-paper) 85%,var(--mushaf-ink))!important}
html body[data-mushaf-theme=stone]{--mushaf-paper:#f3f8fa;--mushaf-ink:#293f48}
html body .mushaf-theme-stone{background:#f3f8fa!important;color:#476775!important}
@media(min-width:960px) and (orientation:landscape){
 html body.focus-reading .mushaf-main #mushaf-spread .original-page[data-page-side=right]>.text-mushaf{padding-left:18px!important;padding-right:30px!important}
 html body.focus-reading .mushaf-main #mushaf-spread .original-page[data-page-side=left]>.text-mushaf{padding-left:30px!important;padding-right:18px!important}
}
/* Audio remains usable independently of the navigation auto-hide timer. */
html body .reader-audio-tray{position:fixed!important;z-index:40!important;inset:auto 16px 18px!important;box-sizing:border-box!important;width:min(820px,calc(100% - 32px))!important;max-width:none!important;margin:0 auto!important;padding:10px 13px!important;display:grid!important;grid-template-columns:120px minmax(0,1fr) auto 66px auto 34px!important;grid-template-rows:34px 18px!important;gap:7px 9px!important;border:1px solid #cbd6c2!important;border-radius:18px!important;background:var(--mushaf-paper,#fff8e9)!important;color:var(--mushaf-ink,#355b44)!important;box-shadow:0 5px 24px #20322125!important}
html body .reader-audio-tray[hidden]{display:none!important}
html body .reader-audio-tray>*{margin:0!important;min-width:0;align-self:center}
html body .reader-audio-tray>select{grid-area:1/1!important;width:100%!important;max-width:none!important;height:32px!important;min-height:32px!important;padding:3px 8px!important;font:12px SiteUI!important;background:transparent!important;color:inherit!important;border:1px solid #82927855!important;border-radius:10px!important}
html body .reader-audio-tray>span{grid-area:1/2!important;padding:0!important;font:12px SiteUI!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .reader-audio-tray>.mini-audio-controls{grid-area:1/3!important;display:flex;justify-content:center;align-items:center;gap:7px}
html body .reader-audio-tray .mini-audio-controls button{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;border:0!important;border-radius:50%!important;padding:0!important;background:#e7eee0!important;color:#3f6b50!important;font-size:17px!important}
html body .reader-audio-tray .mini-audio-controls button:nth-child(2){background:#426d53!important;color:white!important}
html body .reader-audio-tray>output{grid-area:1/4!important;font:11px SiteUI!important;direction:ltr;text-align:center}
html body .reader-audio-tray>label{grid-area:1/5!important;display:flex;align-items:center;gap:4px;font:11px SiteUI!important;white-space:nowrap}
html body .reader-audio-tray>input[type=range]{grid-area:2/1/3/-1!important;width:100%!important;height:16px!important;padding:0!important;accent-color:#426d53}
html body .reader-audio-tray>button.audio-stop-close{grid-area:1/6!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;border:1px solid #e5aaa0!important;border-radius:10px!important;background:#fce6e0!important;color:#b52f2b!important;font:25px/1 SiteUI!important}
html body .reader-audio-tray>button.audio-stop-close:hover{background:#b52f2b!important;border-color:#b52f2b!important;color:#fff!important}
html body .reader-audio-tray>audio{display:none!important}
@media(max-width:959px),(orientation:portrait){
 html body.focus-reading .mushaf-main .mushaf-dock{width:calc(100% - 20px)!important;inset:auto 10px 80px!important;padding:8px 11px!important}
 html body.focus-reading.audio-active .mushaf-main .mushaf-dock{bottom:166px!important}
 html body.focus-reading .mushaf-main .mushaf-zoom{display:none!important}
 html body.focus-reading.mushaf-mobile-reader.mushaf-paper-edges,html body.focus-reading.mushaf-mobile-reader.mushaf-framed{background:color-mix(in srgb,var(--mushaf-paper) 77%,var(--mushaf-ink))!important}
 html body.focus-reading.mushaf-mobile-reader:is(.mushaf-paper-edges,.mushaf-framed) .mushaf-main #mushaf-spread .original-page[data-page-side=right]>.text-mushaf{padding:0 5px 0 1px!important}
 html body.focus-reading.mushaf-mobile-reader:is(.mushaf-paper-edges,.mushaf-framed) .mushaf-main #mushaf-spread .original-page[data-page-side=left]>.text-mushaf{padding:0 1px 0 5px!important}
 html body.focus-reading .reading-ribbon[data-paired=false]{top:26px!important;width:17px!important;height:46px!important;padding:8px 2px 10px!important}
 html body.focus-reading .reading-ribbon[data-paired=false][data-page-side=right]{left:3px!important;transform:none!important}
 html body.focus-reading .reading-ribbon[data-paired=false][data-page-side=left]{right:3px!important;left:auto!important;transform:none!important}
 html body.focus-reading .reading-ribbon svg{width:12px!important;height:15px!important}
 html body .reader-audio-tray{inset:auto 10px 78px!important;width:calc(100% - 20px)!important;grid-template-columns:88px minmax(0,1fr) 34px!important;grid-template-rows:34px 20px 15px!important;gap:6px 8px!important;padding:9px 11px!important}
 html body .reader-audio-tray>span{display:none!important}
 html body .reader-audio-tray>.mini-audio-controls{grid-area:1/2!important;justify-self:center!important}
 html body .reader-audio-tray>button.audio-stop-close{grid-area:1/3!important}
 html body .reader-audio-tray>label{grid-area:2/1/3/2!important;font-size:10px!important}
 html body .reader-audio-tray>output{grid-area:2/2/3/-1!important;text-align:left!important}
 html body .reader-audio-tray>input[type=range]{grid-area:3/1/4/-1!important}
 /* Essential verse actions stay labelled. Secondary tools share a compact row. */
 html body .ayah-context-menu{width:min(330px,calc(100vw - 20px))!important;min-width:0!important;padding:12px!important;border-radius:20px!important;transform:none!important;zoom:1!important}
 html body .ayah-context-menu .context-scale-tools,html body .ayah-context-menu .action-reorder-grip,html body .ayah-context-menu [data-menu-action=reduce],html body .ayah-context-menu [data-menu-action=fit]{display:none!important}
 html body .ayah-context-menu .context-utility-row{display:grid;grid-template-columns:repeat(4,34px) minmax(75px,1fr);align-items:center;gap:5px;padding:8px 0 11px;margin-bottom:7px;border-bottom:1px solid #dce3d2}
 html body .context-utility-row>button{display:grid!important;place-items:center!important;width:34px!important;height:36px!important;min-height:36px!important;min-width:0!important;padding:4px!important;background:#eef3e8!important;border:0!important;border-radius:10px!important}
 html body .context-utility-row>button>span{display:none!important}
 html body .context-utility-row>button[data-menu-action=jump]{display:flex!important;justify-content:center!important;width:100%!important;gap:5px!important}
 html body .context-utility-row>button[data-menu-action=jump]>span:not(.action-reorder-grip){display:block!important;font:12px SiteUI!important}
 html body .ayah-context-menu svg{width:21px!important;height:21px!important;padding:0!important;background:transparent!important;border-radius:0!important;stroke:currentColor!important}
 html body .ayah-context-menu>[data-menu-action]{min-height:42px!important;padding:8px 6px!important;font:14px SiteUI!important;background:transparent!important;border:0!important}
 html body .ayah-context-menu>.context-listen-row{padding:5px!important;gap:6px!important;border-radius:12px!important;margin-top:7px!important}
 html body .context-listen-row>button{padding:6px!important;min-height:36px!important;font:14px SiteUI!important;gap:8px!important}
 html body .context-listen-row>select{min-height:34px!important;height:34px!important;font:12px SiteUI!important;padding:4px!important;width:100px!important}
}
/* Keep the settings selector out of the sticky reading band. */
html body.adhkar-page .adhkar-workspace-head{display:block!important;position:sticky!important;padding:6px 0!important}
html body.adhkar-page .adhkar-workspace-head>.devotion-tabs{padding-inline-end:35px!important;margin-bottom:4px!important}
.adhkar-options-toggle{position:absolute;inset-inline-end:0;top:9px;width:30px;min-width:30px;min-height:31px;padding:0;background:transparent;border:0;color:#5d7658;font:24px SiteUI}
html body.adhkar-page .adhkar-summary{display:flex!important;align-items:center!important;gap:8px!important;padding:2px 5px!important;min-height:0!important}
html body.adhkar-page .adhkar-summary .adhkar-progress{display:flex!important;align-items:center!important;gap:5px!important;padding:3px 0!important;flex:1!important;background:transparent!important;border:0!important;box-shadow:none!important;min-width:0!important}
html body.adhkar-page .adhkar-summary .adhkar-progress>div:first-child{display:none!important}
html body.adhkar-page .adhkar-summary .adhkar-progress-number{font:11px SiteUI!important;white-space:nowrap}
html body.adhkar-page .adhkar-summary progress{width:70px!important;flex:1!important;max-width:200px!important}
html body.adhkar-page .adhkar-summary .dhikr-deck-navigation{padding:0!important;margin:0!important;gap:7px!important;border:0!important;background:transparent!important}
html body.adhkar-page .adhkar-summary .deck-arrow{height:28px!important;min-height:28px!important;width:29px!important;min-width:29px!important;padding:3px!important}
.adhkar-reading-options{scroll-margin-top:120px;padding:7px 9px;margin:0 0 10px;color:#68815c;font:12px SiteUI}
.adhkar-reading-options>summary{cursor:pointer;list-style:none;width:fit-content;opacity:.85;padding:5px 0}
html body.adhkar-page .adhkar-reading-options .adhkar-view-bar{position:static!important;display:flex!important;min-height:0!important;margin:8px 0!important;padding:6px!important;gap:8px!important;justify-content:start!important}
.adhkar-reading-options .adhkar-view-bar>span{display:none!important}
/* Support offers the contribution first; the complete original explanation is optional. */
html body .support-focused{max-width:1000px!important;margin:32px auto 65px!important}
html body .support-focused .support-hero{display:block!important;padding:0!important;background:none!important;border:0!important;margin:0 0 25px!important}
html body .support-focused .support-hero-copy{max-width:760px!important;margin:0!important}
html body .support-focused .support-hero h1{font:500 clamp(28px,3.2vw,44px)/1.5 SiteUI!important;margin:12px 0!important;letter-spacing:0!important}
html body .support-focused .support-hero h1 em{font-style:normal!important;color:#617d50!important}
html body .support-focused .support-lead{font:16px/1.9 SiteUI!important;max-width:60ch!important;margin:12px 0 18px!important}
html body .support-focused .support-free-note{display:block;font:12px/1.8 SiteUI;margin-top:12px;color:#7d8e74}
html body .support-focused .support-primary{display:inline-flex!important;align-items:center!important;justify-content:center;gap:16px;min-height:44px;padding:10px 20px!important;border-radius:13px!important;background:#365e46!important;color:#fffef5!important;font:15px SiteUI!important;text-decoration:none!important}
html body .support-focused .support-contribute{display:grid!important;grid-template-columns:1.2fr 1fr!important;gap:25px!important;padding:25px!important;border-radius:22px!important;background:#edf2e6!important;border:1px solid #d1dfc5!important;margin:20px 0!important;scroll-margin-top:20px}
html body .support-focused .support-contribute h2{font:500 24px/1.6 SiteUI!important;margin:7px 0!important}
html body .support-focused .support-contribute p{font:14px/1.9 SiteUI!important;margin:9px 0!important}
html body .support-focused .support-payment-area{align-self:center!important;display:flex;flex-direction:column;gap:9px;padding:17px!important;border:0!important;border-radius:15px;background:#ffffff8c!important}
html body .support-focused .support-payment-area [hidden]{display:none!important}
html body .support-focused .support-pending{padding:0!important;border:0!important;background:transparent!important;font:15px/1.8 SiteUI!important;color:#687f5b!important}
html body .support-focused .support-pending small{display:block;font:12px/1.7 SiteUI!important;margin-top:4px}
.support-other-ways{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:12px 0 22px;font:14px SiteUI;border-bottom:1px solid #d9e1d0}
.support-other-ways>strong{margin-inline-end:auto;font-weight:400;color:#7b8c70}
.support-other-ways :is(a,button){display:flex;align-items:center;gap:14px;background:transparent;border:0;color:#42694b;text-decoration:none;padding:7px 0;font:14px SiteUI}
.support-details{margin-top:18px;border:0!important;background:transparent!important;padding:0!important;scroll-margin-top:25px}
.support-details>summary{font:15px SiteUI;color:#607952;padding:14px 0;cursor:pointer}
.support-detail-content{padding-top:20px}.support-detail-content .support-journey{max-width:none!important}
html body .support-focused .support-closing{padding:20px 0!important;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
html body .support-focused .support-closing p{font:13px/1.8 SiteUI!important;flex:1}
@media(max-width:650px){html body .support-focused{width:calc(100% - 32px)!important;margin-top:22px!important}html body .support-focused .support-hero h1{font-size:28px!important;line-height:1.6!important}html body .support-focused .support-lead{font-size:14px!important}html body .support-focused .support-contribute{grid-template-columns:1fr!important;gap:10px!important;padding:19px!important}html body .support-focused .support-contribute h2{font-size:21px!important}html body .support-focused .support-contribute p{font-size:13px!important}.support-other-ways{gap:13px;font-size:13px}.support-other-ways>strong{width:100%}.support-other-ways :is(a,button){font-size:13px}.support-detail-content .support-pillars{grid-template-columns:1fr!important}}

html body .support-page.support-focused{max-width:1000px!important;width:calc(100% - 40px)!important;margin:30px auto 65px!important}
@media(max-width:650px){html body .support-page.support-focused{width:calc(100% - 32px)!important;margin-top:22px!important}}
/* On a phone the spine touches the viewport; all spare space belongs to the outer edge. */
@media(max-width:959px),(orientation:portrait){
 html body.focus-reading.mushaf-mobile-reader:is(.mushaf-paper-edges,.mushaf-framed) .mushaf-main{padding-top:16px!important}
 html body.focus-reading.mushaf-mobile-reader:is(.mushaf-paper-edges,.mushaf-framed)[data-page-side=right] #mushaf-spread{translate:-14px 0!important}
 html body.focus-reading.mushaf-mobile-reader:is(.mushaf-paper-edges,.mushaf-framed)[data-page-side=left] #mushaf-spread{translate:14px 0!important}
 html body.mushaf-mobile-reader.mushaf-paper-edges .original-page::after{width:1px!important;background:none!important}
 html body.mushaf-mobile-reader.mushaf-paper-edges .original-page[data-page-side=right]{border-radius:0 28px 30px 0!important}
 html body.mushaf-mobile-reader.mushaf-paper-edges .original-page[data-page-side=left]{border-radius:28px 0 0 30px!important}
}
html body .audio-auto-switch{cursor:pointer;user-select:none}
html body .audio-auto-switch>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;clip-path:inset(50%);margin:0!important}
html body .audio-auto-switch>span{position:relative;display:inline-flex;align-items:center;padding-inline-start:36px;min-height:20px;color:var(--mushaf-ink,#426d53)}
.audio-auto-switch>span::before{content:'';position:absolute;inset-inline-start:0;top:2px;width:30px;height:17px;border-radius:10px;background:#cbd3c4;transition:background .18s}
.audio-auto-switch>span::after{content:'';position:absolute;inset-inline-start:3px;top:5px;width:11px;height:11px;border-radius:50%;background:#fffef8;box-shadow:0 1px 3px #263d2526;transition:inset-inline-start .18s}
.audio-auto-switch>input:checked+span::before{background:#4d7656}
.audio-auto-switch>input:checked+span::after{inset-inline-start:16px}
.audio-auto-switch>input:focus-visible+span{outline:2px solid #8ea582;outline-offset:3px;border-radius:5px}
.result-reading-disclosure{border:0!important;background:transparent!important;padding:0!important;margin:0!important}
.result-reading-disclosure>summary{display:none;list-style:none;cursor:pointer}
@media(max-width:650px){
 html body #results .result-reading-disclosure{margin:7px 0 0!important;border-top:1px solid color-mix(in srgb,var(--card-ink,#69815a) 18%,transparent)!important}
 html body #results .result-reading-disclosure>summary{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:9px 2px!important;min-height:34px!important;box-sizing:border-box;color:var(--card-ink,#69815a);font:12px/1.4 SiteUI}
 .result-reading-disclosure>summary::-webkit-details-marker{display:none}
 .result-reading-disclosure>summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;transition:rotate .18s}
 .result-reading-disclosure[open]>summary svg{rotate:180deg}
 html body #results .result-reading-disclosure .result-reading{margin-top:0!important;padding-top:0!important}
 html body #results .result-reading-disclosure:not([open])>.result-reading{display:none!important}
}
@media(prefers-reduced-motion:reduce){.audio-auto-switch>span::before,.audio-auto-switch>span::after,.result-reading-disclosure>summary svg{transition:none!important}}
@media(max-width:959px),(orientation:portrait){
 html body .reader-audio-tray>label.audio-auto-switch{grid-area:2/1/3/3!important;width:max-content!important;max-width:100%!important;justify-self:start!important}
 html body .reader-audio-tray>output{grid-area:2/2/3/-1!important;width:max-content!important;justify-self:end!important}
}
/* One pen, one visual weight, and no secondary frame around camera actions. */
html body.focus-reading .reading-ribbon{top:0!important;width:24px!important;height:82px!important;padding:18px 4px 22px!important;filter:drop-shadow(0 2px 2px #57401625);background:linear-gradient(90deg,#9e7b32,#c5a657 48%,#ad8840)!important;clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%)!important}
html body.focus-reading .reading-ribbon[data-paired=false]{top:0!important;width:22px!important;height:78px!important;padding:17px 3px 21px!important}
html body.focus-reading .reading-ribbon:hover{height:86px!important}
html body.focus-reading .reading-ribbon[data-paired=false]:hover{height:82px!important}
html body.focus-reading .reading-ribbon svg{width:15px!important;height:20px!important;stroke-width:1.8!important}
html body.focus-reading .reading-ribbon[aria-pressed=true]{background:linear-gradient(90deg,#355a40,#678250 48%,#3f6547)!important}
html body.focus-reading .reading-ribbon[data-paired=false][data-page-side=right]{left:0!important;transform:none!important}
html body.focus-reading .reading-ribbon[data-paired=false][data-page-side=left]{right:0!important;left:auto!important;transform:none!important}
html body .ayah-context-menu{width:min(350px,calc(100vw - 20px))!important;min-width:0!important;padding:12px!important;transform:none!important;zoom:1!important;border-radius:20px!important;color:var(--mushaf-ink,#426447)!important;background:var(--mushaf-paper,#fff8e9)!important}
html body .ayah-context-menu .context-scale-tools,html body .ayah-context-menu .action-reorder-grip,html body .ayah-context-menu [data-menu-action=reduce],html body .ayah-context-menu [data-menu-action=fit]{display:none!important}
html body .ayah-context-menu .context-utility-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(62px,1.3fr)!important;align-items:center!important;gap:4px!important;padding:8px 0 10px!important;margin-bottom:6px!important;border-bottom:1px solid color-mix(in srgb,var(--mushaf-ink,#426447) 16%,transparent)!important}
html body .ayah-context-menu .context-utility-row>button{display:grid!important;place-items:center!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:6px!important;background:transparent!important;border:0!important;border-radius:10px!important;color:inherit!important;box-shadow:none!important}
html body .ayah-context-menu .context-utility-row>button>span{display:none!important}
html body .ayah-context-menu .context-utility-row>button[data-menu-action=jump]{display:flex!important;justify-content:center!important;gap:4px!important}
html body .ayah-context-menu .context-utility-row>button[data-menu-action=jump]>span:not(.action-reorder-grip){display:block!important;font:11px SiteUI!important}
html body .ayah-context-menu svg{width:26px!important;height:26px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-sizing:content-box!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round;stroke-linejoin:round;flex:none}
html body .ayah-context-menu>[data-menu-action]{min-height:44px!important;padding:8px 6px!important;font:14px SiteUI!important;gap:10px!important;background:transparent!important;color:inherit!important;border:0!important}
html body .ayah-context-menu .context-listen-row>button svg{width:26px!important;height:26px!important}
html body .ayah-context-menu .context-listen-row{padding:5px!important;gap:6px!important;border-radius:12px!important;margin-top:7px!important;background:color-mix(in srgb,var(--mushaf-ink,#426447) 6%,var(--mushaf-paper,#fff8e9))!important}
html body .ayah-context-menu .context-listen-row>button{font:14px SiteUI!important;color:inherit!important;gap:10px!important;min-height:40px!important;padding:6px!important}
html body #ayah-note svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body :is(.share-capture-action,.result-share-button){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline-offset:3px;opacity:1!important;color:inherit!important}
html body .text-inline-actions :is(.inline-note-action,.share-capture-action),html body .result-inline-actions :is(.result-note-inline,.result-share-button),html body .collection-note-actions :is(.share-capture-action,button:first-child){color:var(--card-ink,var(--note-secondary,currentColor))!important;align-self:center!important;vertical-align:middle!important}
html body :is(.share-capture-action,.result-share-button) svg{fill:none!important;stroke:currentColor!important;background:transparent!important;border:0!important;padding:0!important;stroke-width:1.7!important}
@media(prefers-reduced-motion:reduce){html body.focus-reading .reading-ribbon{transition:none!important}}
html body.focus-reading .reading-ribbon[data-paired=false]{width:19px!important}
html body .collection-note .collection-note-actions .share-capture-action{color:var(--note-secondary,currentColor)!important}
html body .text-inline-actions,html body .result-inline-actions{color:var(--card-ink,currentColor)!important}
/* A compact utility cluster leaves the remaining width to the index. */
html body .ayah-context-menu .context-utility-row{grid-template-columns:repeat(4,34px) minmax(0,1fr)!important;gap:2px!important}
html body .ayah-context-menu .context-utility-row>button{padding:4px!important}
html body .ayah-context-menu .context-utility-row>button[data-menu-action=jump]{justify-content:flex-start!important;padding-inline:9px!important;gap:6px!important;background:color-mix(in srgb,var(--mushaf-ink,#426447) 5%,transparent)!important}
html body .ayah-context-menu .context-utility-row>button[data-menu-action=jump]>span:not(.action-reorder-grip){font-size:13px!important}
html body .ayah-context-menu .context-utility-row>button[data-menu-action=jump]::after{content:'←';margin-inline-start:auto;opacity:.55;font:17px SiteUI}
html body .ayah-context-menu .context-listen-row{display:flex!important;align-items:center!important;gap:9px!important;padding:7px!important}
html body .ayah-context-menu .context-listen-row>button{flex:0 0 82px!important;width:82px!important;gap:8px!important}
.context-reciter-options{display:flex;flex:1;gap:3px;padding:3px;border-radius:11px;background:color-mix(in srgb,var(--mushaf-paper,#fff8e9) 82%,var(--mushaf-ink,#426447));min-width:0}
html body .ayah-context-menu .context-reciter-options button{flex:1;min-width:0!important;min-height:32px!important;padding:5px 7px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:inherit!important;font:12px/1.5 SiteUI!important;justify-content:center!important;box-shadow:none!important}
html body .ayah-context-menu .context-reciter-options button[aria-pressed=true]{background:var(--mushaf-paper,#fff8e9)!important;box-shadow:0 1px 4px #24371b18!important}
html body .context-listen-row>select[hidden]{display:none!important}
/* Playback stays centred independently of the reader name and other controls. */
html body .reader-audio-tray>.mini-audio-controls{position:absolute!important;left:50%!important;right:auto!important;top:10px!important;transform:translateX(-50%)!important;grid-area:auto!important;width:max-content!important;margin:0!important}
html body .reader-audio-tray>.reader-reciter-choice{grid-area:1/1!important;position:relative;align-self:center;display:flex;align-items:center;min-width:0;max-width:120px}
html body .reader-reciter-choice select{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%!important;max-width:none!important;height:32px!important;min-height:32px!important;padding:4px 9px 4px 27px!important;border:1px solid color-mix(in srgb,var(--mushaf-ink,#426447) 21%,transparent)!important;border-radius:10px!important;background:transparent!important;color:inherit!important;font:13px SiteUI!important}
.reader-reciter-choice>svg{position:absolute;left:7px;top:10px;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;pointer-events:none}
html body .reader-audio-tray>span{max-width:80px!important;justify-self:start!important;pointer-events:none;direction:ltr}
@media(max-width:959px),(orientation:portrait){html body .reader-audio-tray>.reader-reciter-choice{max-width:88px!important}html body .reader-audio-tray>.mini-audio-controls{top:10px!important}}
/* Search shares the index's centred dialog and quiet backdrop. */
html body dialog.reader-search-dialog{position:fixed!important;inset:0!important;box-sizing:border-box!important;margin:auto!important;width:min(600px,calc(100vw - 24px))!important;max-width:none!important;max-height:85dvh!important;padding:20px!important;border:1px solid color-mix(in srgb,var(--mushaf-ink,#426447) 20%,transparent)!important;border-radius:24px!important;background:var(--mushaf-paper,#fff8e9)!important;color:var(--mushaf-ink,#365b44)!important;box-shadow:0 16px 60px #17291e33!important;transform:none!important;translate:none!important;overflow:auto!important}
dialog.reader-search-dialog::backdrop{background:#14251c66;backdrop-filter:blur(4px)}
html body .reader-search-dialog .mushaf-search-head h2{font-size:22px!important;color:inherit!important}
html body .reader-search-dialog form{margin-top:14px!important}
html body .reader-search-dialog form input{background:color-mix(in srgb,var(--mushaf-ink,#426447) 4%,var(--mushaf-paper,#fff8e9))!important;border-color:color-mix(in srgb,var(--mushaf-ink,#426447) 18%,transparent)!important;color:inherit!important;font-size:16px!important}
.mushaf-search-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
html body .reader-search-dialog .mushaf-match-modes{margin:0!important}
html body .reader-search-dialog .mushaf-search-count{font:500 15px SiteUI!important;color:inherit!important;white-space:nowrap;background:transparent;padding:0;border:0}
html body .reader-search-dialog .mushaf-search-hint{font:12px/1.8 SiteUI!important;opacity:.7;margin:8px 0!important}
html body .reader-search-dialog .mushaf-search-status{font:12px/1.8 SiteUI!important;color:inherit!important;opacity:.8;margin:7px 0 12px!important;min-height:22px}
html body .reader-search-dialog .mushaf-search-results{gap:0!important}
html body .reader-search-dialog .mushaf-search-hit{border:0!important;border-top:1px solid color-mix(in srgb,var(--mushaf-ink,#426447) 14%,transparent)!important;border-radius:0!important;background:transparent!important;color:inherit!important;padding:15px 2px!important}
html body .reader-search-dialog .mushaf-search-hit strong{font-size:12px!important;opacity:.7;color:inherit!important}
@media(max-width:400px){html body dialog.reader-search-dialog{padding:16px!important}.mushaf-search-controls{gap:7px}html body .reader-search-dialog .mushaf-match-modes button{min-width:68px!important;padding-inline:10px!important}}

html body #chat-widget-minimize{display:grid;place-items:center;width:39px;height:39px;border:1px solid #e9aaa0;border-radius:12px;background:#fce9e3;color:#b52f2b;line-height:1;font-size:25px;transform:none;box-shadow:none}html body #chat-widget-minimize:hover{background:#f9d4cb;border-color:#d97f71;color:#a32421;transform:none}html body #chat-widget-minimize:focus-visible{outline:3px solid #d47166;outline-offset:3px}

html body #chat-widget-minimize{background:#fce9e3!important;color:#b52f2b!important;border-color:#e9aaa0!important}
html body #chat-widget-minimize:hover{background:#f9d4cb!important;color:#a32421!important;border-color:#d97f71!important}

html body.adhkar-page .adhkar-summary .adhkar-restart{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;min-height:30px;padding:5px;border:0;border-radius:50%;color:#55754e;background:transparent;box-shadow:none;transform:none}
html body.adhkar-page .adhkar-summary .adhkar-restart[hidden]{display:none}
html body.adhkar-page .adhkar-summary .adhkar-restart svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body.adhkar-page .adhkar-summary .adhkar-restart:hover{background:#e7eedf;color:#315b43;transform:none}
html body.adhkar-page .adhkar-summary .adhkar-restart:focus-visible{outline:2px solid #64835b;outline-offset:2px}

/* Native reading scroll stays independent of explicit section navigation. */
html{scroll-behavior:auto!important}
html:has(body.adhkar-page){overflow-anchor:none}
html body.adhkar-page .adhkar-workspace-head{overflow-anchor:none;transform:none;transition:none!important}


@media(max-width:850px){body.home-scenes .hero .meaning-journey{display:block!important;justify-self:center!important;width:100%!important;max-width:430px!important;animation:none!important;transform:none!important}}

/* Re-entering a stopped section must not replay translated reveal animations. */
body.home-scenes .intro-in-view :is(.hero-copy>.eyebrow,.hero-title-first,.hero-book,.hero-lead,.hero-search-link,.meaning-journey){animation:none!important;transform:none!important;opacity:1!important}


/* Consistent, parallel page corners; the deeper sheet is visibly darker. */
html body.focus-reading.mushaf-paper-edges{--leaf-line:color-mix(in srgb,var(--mushaf-ink) 28%,var(--mushaf-paper));--page-corner:30px}
html body.focus-reading.mushaf-paper-edges .original-page{border:0!important;box-shadow:0 4px 14px #1c2e1712!important}
html body.focus-reading.mushaf-paper-edges .original-page[data-page-side=right]{border-radius:0 var(--page-corner) var(--page-corner) 0!important}
html body.focus-reading.mushaf-paper-edges .original-page[data-page-side=left]{border-radius:var(--page-corner) 0 0 var(--page-corner)!important}
html body.focus-reading.mushaf-paper-edges .original-page>.text-mushaf{border-radius:inherit!important;background:var(--mushaf-paper)!important}
html body.focus-reading.mushaf-paper-edges .paper-leaf-stack{inset:0!important;z-index:0;isolation:isolate}
html body.focus-reading.mushaf-paper-edges .paper-leaf-stack i{inset:0!important;border:1px solid var(--leaf-line)!important;border-radius:inherit!important;background:color-mix(in srgb,var(--mushaf-paper) calc(100% - var(--leaf-depth)*5%),#000)!important;z-index:calc(4 - var(--leaf-depth));box-shadow:0 2px 3px #1f2c1810!important}
html body.focus-reading.mushaf-paper-edges .paper-leaf-stack{border-radius:inherit!important}
html body.focus-reading.mushaf-paper-edges [data-page-side=right]>.paper-leaf-stack i{transform:translateX(calc(var(--leaf-depth)*3.5px))!important}
html body.focus-reading.mushaf-paper-edges [data-page-side=left]>.paper-leaf-stack i{transform:translateX(calc(var(--leaf-depth)*-3.5px))!important}
@media(max-width:959px),(orientation:portrait){html body.focus-reading.mushaf-paper-edges{--page-corner:25px}}
html body.adhkar-page .adhkar-summary .adhkar-home{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-height:32px;padding:6px;border:1px solid #c4d2b5;border-radius:11px;background:#e8efdf;color:#365d42;box-shadow:none}
.adhkar-home svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body.adhkar-page .adhkar-home:hover{background:#dbe8cf;color:#264f36;transform:none}
.adhkar-workspace-head.adhkar-at-home{position:static!important;padding:0!important}
html body.adhkar-page .adhkar-workspace-head.adhkar-at-home>:is(.devotion-tabs,.adhkar-summary,.adhkar-options-toggle,.occasion-filters){display:none!important}
html body.adhkar-page .adhkar-main:has(.adhkar-at-home) .adhkar-reading-options{display:none!important}
.adhkar-home-intro{text-align:right;margin:0 0 20px}.adhkar-home-intro h2{font:500 28px/1.6 SiteUI;margin:0 0 5px;color:#315b43}.adhkar-home-intro p{font:15px/1.8 SiteUI;margin:0;color:#7d8873}
.adhkar-home-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html body .adhkar-home-choice{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;column-gap:12px;row-gap:3px;text-align:right;padding:20px;border:1px solid #d8e1cb;border-radius:19px;background:#fcfdf6;color:#365d42;box-shadow:0 5px 18px #30442a08}
.adhkar-home-choice svg{grid-row:span 2;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.adhkar-home-choice strong{font:500 19px/1.6 SiteUI}.adhkar-home-choice span{font:13px/1.7 SiteUI;color:#839077}
html body .adhkar-home-choice:hover{background:#edf4e4;border-color:#a7bd94;transform:none}
@media(max-width:500px){html body .adhkar-home-choice{padding:16px 12px;grid-template-columns:28px minmax(0,1fr);column-gap:8px}.adhkar-home-choice strong{font-size:16px}.adhkar-home-choice span{font-size:11px}.adhkar-home-choice svg{width:24px;height:24px}}


/* New reading controls inherit the owning card palette. */
html body #results .result-card .result-reading-disclosure>summary{color:var(--card-ink)!important}
html body #results .result-card .result-reading-disclosure{border-color:var(--card-border)!important}
@media(prefers-reduced-motion:no-preference){.app-launcher-menu,.search-settings-panel,.ayah-context-menu,.result-reading-disclosure>summary{transition-duration:.35s!important}.result-card{animation-duration:.5s!important}}
/* Only the rail buttons receive input; its transparent positioning area never covers verses. */
html body .mushaf-action-rail{pointer-events:none!important}
html body .mushaf-action-rail button{pointer-events:auto!important}

/* Controls reflect selection and remain part of their owning surface. */
html body .v18-range-details{padding:0!important;border:0!important;background:none!important}
html body .v18-range-details>.precision-control{display:block!important;margin-top:12px!important}
html body #results .result-card :is(.result-share-button,.share-capture-action){background:var(--card-paper)!important;color:var(--card-ink)!important;border:1px solid var(--card-border)!important;border-radius:9px!important;box-shadow:none!important}
html body #results .result-card .result-share-button{width:29px!important;height:29px!important;padding:5px!important}
html body #results .result-card .result-web-badge{color:var(--card-ink)!important;background:var(--card-tint,var(--card-paper))!important;border-color:var(--card-border)!important}
html body .install-banner:not(.compact-connection-hint){background:#f5edd7!important;border-color:#d6c17d!important;color:#725d2f!important}
.adhkar-option-row{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin:10px 0 18px}
.adhkar-option-row>details{flex:1;min-width:160px;margin:0!important;border:1px solid #d5dfcb;border-radius:13px;padding:0 12px;background:#fafcf5}
.adhkar-option-row>details>summary{padding:11px 0;color:#68805c;cursor:pointer;font:14px/1.5 SiteUI}
.adhkar-option-row .occasion-filters{position:static!important;display:flex;flex-wrap:wrap;gap:6px;padding-bottom:12px}
.adhkar-option-row .occasion-filter{font-size:13px!important;padding:7px 10px!important}
.adhkar-category-options[hidden],.adhkar-at-home~.adhkar-reading-stage .adhkar-option-row{display:none!important}
.search-overview.overview-invitation>summary{position:relative;border:1px solid #c5d5b3;border-radius:15px;background:linear-gradient(105deg,#f5f0dc,#eaf3e3);padding:16px!important;color:#3e6245}
.search-overview.overview-invitation>summary::after{content:'افتح الخلاصة ←';font:12px SiteUI;margin-inline-start:auto;color:#8c7437}
.search-overview[open]>summary::after{content:'إخفاء الخلاصة'}
@media(prefers-reduced-motion:no-preference){.search-overview.overview-invitation:not([open])>summary{animation:overview-invite 2.8s ease-in-out 2}@keyframes overview-invite{50%{box-shadow:0 0 0 5px #b5ca9b22;border-color:#9bb783}}}
.share-include-verse{padding:8px 12px;border:1px solid #c5d5b8;border-radius:11px;background:#eaf1e3;color:#416346}
.share-include-verse[aria-pressed=false]{background:#fbfcf7;color:#89917e}

.result-engine-notice{margin:10px 0;padding:11px 15px;border:1px solid #dac999;border-radius:12px;background:#fbf4e0;color:#7b6531;font:13px/1.8 SiteUI}


.web-witness-dialog{width:min(520px,calc(100vw - 24px));max-height:80dvh;overflow:auto;border:1px solid #cddac2;border-radius:20px;padding:22px;background:#fbfdf6;color:#3a5c45}
.web-witness-dialog::backdrop{background:#18372d66;backdrop-filter:blur(7px)}
.web-witness-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.web-witness-head h3{margin:0}.web-witness-head button{background:#e9efdf;color:inherit;border:1px solid #c5d3b9;border-radius:11px;padding:3px 12px;font-size:22px}
.web-witness-dialog>p{font:14px/1.8 SiteUI;color:#77866c}.web-witness-dialog>a{display:block;padding:12px;border-top:1px solid #dbe3d0;color:inherit;overflow-wrap:anywhere}

.text-inline-actions>.share-capture-action{width:29px!important;height:29px!important;padding:5px!important;border:1px solid var(--card-border,#cbdac1)!important;border-radius:9px!important;background:var(--card-paper,#f9fbf4)!important;color:inherit!important;box-shadow:none!important;vertical-align:middle}

/* Let enlarged text reflow without nested mobile gutters. */
.adhkar-option-row{display:flex!important;flex-direction:column!important;gap:8px!important}
.adhkar-option-row>details{width:100%!important;min-width:0!important;flex:none!important}
.adhkar-option-row>details>summary{display:flex!important;width:100%;box-sizing:border-box;min-height:48px;align-items:center;cursor:pointer;padding:14px 18px!important}
html body.v7-results #results .result-card .result-tab-bar .result-tab[aria-expanded="true"]{background:var(--card-ink,#315b43)!important;color:var(--card-paper,#fff)!important;border-radius:9px;font-weight:700;box-shadow:none!important}
.prayer-location-notice{border:0!important;border-inline-start:3px solid #c1ad70!important;border-radius:0!important;background:transparent!important;padding:12px 16px!important}
.prayer-quickbar{flex-wrap:wrap;gap:12px!important;padding-block:12px!important;border-bottom:1px solid #d7dfcf}
@media(max-width:650px){
html body .results-dashboard{padding:12px 8px!important;min-width:0}
html body #display-filters{padding:12px 0!important;border:0!important;min-width:0}
html body .search-overview{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body .search-overview.overview-invitation>summary{animation:none!important;box-shadow:none!important;padding:12px!important}
html body .search-overview.overview-invitation>summary::after{display:none}
html body .result-card{padding:16px 12px!important;min-width:0!important;max-width:100%;box-sizing:border-box;box-shadow:none!important;content-visibility:auto;contain-intrinsic-size:auto 550px}
html body .result-card-top{flex-wrap:wrap;gap:8px!important}
html body .result-card :is(.result-prose,.verse){min-width:0;overflow-wrap:break-word}
html body .app-launcher-menu{max-width:calc(100vw - 24px)!important;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;backdrop-filter:none!important}
html body .app-launcher-menu a{min-width:0;white-space:normal;overflow-wrap:break-word}
html body .prayer-quickbar{justify-content:space-between}
html body .prayer-main{padding-inline:12px!important}
html body :is(.search-overview,.results-dashboard,.adhkar-option-row,.prayer-quickbar){backdrop-filter:none!important;transform:none!important}
}
@media(max-width:420px){html body #display-filters :is(.filter-row,.filter-selects){display:flex!important;flex-direction:column!important;align-items:stretch!important}html body #display-filters select{width:100%!important;max-width:100%;min-width:0}}


html body .text-inline-actions>.share-capture-action,html body .collection-note .collection-note-actions .share-capture-action,html body .linked-note .share-capture-action{border:1px solid var(--card-border,var(--note-border,#d6e1c8))!important;background:var(--card-paper,var(--note-paper,#f9fbf4))!important;border-radius:9px!important;color:inherit!important}

html body #results .hadith-authentication{display:block;color:var(--card-ink,inherit)!important;background:var(--card-tint,var(--card-paper))!important;border-inline-start:3px solid var(--card-border,#c7d7be);padding:9px 12px;border-radius:7px;font:13px/1.8 SiteUI;overflow-wrap:anywhere}

/* Two compact filters, with reflow inside each control for enlarged system text. */
@media(max-width:650px){html body #display-filters .result-filter-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}html body #display-filters .result-filter-picker{min-width:0!important;width:100%!important}html body #display-filters .result-filter-trigger{width:100%!important;min-width:0!important;min-height:44px!important;height:auto!important;white-space:normal!important;line-height:1.5!important;padding:10px!important}html body #display-filters .result-precision-control{grid-column:1/-1!important}}
html body #display-filters{border:0!important;background:transparent!important;padding:12px 0 0!important}
html body #display-filters.has-connection-note{border-top:2px solid #d9c58c!important}
.result-connection-note{margin:0 0 12px;padding:9px 12px;background:#f9f1da;color:#796332;border:0;border-radius:9px;font:13px/1.7 SiteUI}
html body .workspace #results .search-overview{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body .workspace #results .search-overview>summary{border:0!important;border-radius:13px!important;padding:14px 16px!important;box-shadow:none!important;animation:none!important}
html body .workspace #results .search-overview[open]>.overview-body,html body .workspace #results .search-overview[open]>.overview-citations{border:0!important;background:none!important;padding:14px 8px!important}
.adhkar-option-row>.adhkar-reading-options{width:100%;min-width:0;margin:0;padding:8px 0;border:0;background:none}
.adhkar-reading-options>h2{font:14px/1.6 SiteUI;margin:0 0 9px;color:#68805c}
html body .adhkar-reading-options .adhkar-view-bar{border:0!important;background:none!important;padding:0!important;box-shadow:none!important}

html body .app-launcher-menu{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
.launcher-footer{grid-column:1/-1;display:grid;grid-template-columns:minmax(44px,1fr) minmax(0,3fr);gap:6px}
html body .app-launcher-menu .launcher-footer>a{grid-column:auto!important;flex-direction:row!important;min-height:48px!important;padding:8px 4px!important;gap:6px!important}
html body .app-launcher-menu .launcher-footer>a svg{width:21px!important;height:21px!important;animation:none!important}
html body .app-launcher-menu [data-app=radio]{background:#e1efec;color:#215b59!important}

html body .app-launcher-menu{width:min(320px,calc(100vw - 24px))!important;padding:10px!important;border-radius:20px!important}
html body .app-launcher-menu>a{min-height:68px!important;padding:8px 4px!important;gap:6px!important}
html body .app-launcher-menu .launcher-footer>[data-app=support]{grid-column:2!important}
.adhkar-option-row{gap:8px!important;margin:8px 0 13px!important}
html body .adhkar-category-options{padding:0!important;border:0!important;background:none!important;border-radius:0!important;width:100%;min-width:0}
html body .adhkar-reading-options{padding:0!important}
html body .adhkar-reading-options .adhkar-view-bar{margin:0!important;gap:8px!important;justify-content:flex-start!important;flex-wrap:wrap}
html body .adhkar-reading-options .adhkar-view-bar>span{display:none!important}
html body .adhkar-category-options .occasion-filters{margin:0!important;padding:0!important;gap:5px!important;justify-content:flex-start!important}
html body .adhkar-category-options .occasion-filter{padding:6px 10px!important;font-size:13px!important;min-height:36px}

/* Distinct navigation colour; a transform-only ring avoids scroll/layout work. */
html body .app-launcher-toggle{background:#e85727!important;color:#fffaf5!important;border-color:#c9461c!important;overflow:visible!important;box-shadow:0 4px 15px #63281526!important}

html body .app-launcher-menu>a svg{color:inherit!important}
html.tq-route-open body>.app-launcher .app-launcher-toggle::before,html.tq-document-hidden .app-launcher-toggle::before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){html body .app-launcher-toggle::before{animation:none}}
html body .connection-guide-banner,html body .compact-connection-hint,html body .result-connection-note{background:#fff0b8!important;color:#775416!important;border:1px solid #e4b846!important;box-shadow:none!important}
html body .connection-guide-banner .v4-guide-intro strong{color:#715014!important}
html body .connection-guide-banner a,html body .connection-guide-banner button{color:#775416!important}
html body .connection-guide-banner .v4-key-step{background:#fff8e2!important;border-color:#e4cd87!important}
/* A small conversation bubble leaves the search canvas clear. */
html body>.chat-widget{width:auto!important;left:auto!important;right:18px!important;bottom:18px!important}
html body>.chat-widget #chat-widget-toggle{display:flex!important;align-items:center!important;gap:9px!important;width:auto!important;min-width:0!important;height:48px!important;padding:10px 14px!important;border-radius:18px 18px 5px 18px!important;background:#335b52!important;box-shadow:0 4px 16px #18362b20!important}
html body>.chat-widget #chat-widget-toggle svg{width:25px!important;height:25px!important}
html body>.chat-widget .mini-chat-label{font-size:12px!important;line-height:1.4!important}
html body .chat-widget #chat-widget-panel{left:auto!important;right:0!important;bottom:61px!important;width:min(370px,calc(100vw - 28px))!important;height:min(540px,calc(100dvh - 150px))!important;border-radius:20px 20px 5px 20px!important}
body.chat-near-search>.chat-widget:not(.chat-widget-open) .mini-chat-label{display:none!important}
body.chat-near-search>.chat-widget:not(.chat-widget-open) #chat-widget-toggle{width:44px!important;height:44px!important;padding:10px!important}
@media(max-width:650px){html body>.chat-widget{right:12px!important;bottom:12px!important}html body>.chat-widget .mini-chat-label{display:none!important}html body>.chat-widget #chat-widget-toggle{width:46px!important;height:46px!important;padding:10px!important}}

.site-radio-dock{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:1000;display:flex;align-items:center;gap:5px;width:min(470px,calc(100vw - 24px));box-sizing:border-box;padding:7px 10px;background:#352b3f;color:#fff4df;border:1px solid #8c7895;border-radius:16px;box-shadow:0 5px 24px #21152b20;direction:ltr;font-family:SiteUI,system-ui}
.site-radio-dock[hidden]{display:none!important}.site-radio-dock>button{display:grid;place-items:center;flex:none;width:35px;min-width:35px;height:35px;min-height:35px;padding:0;border:0;background:#ffffff12;color:#f6e6bb;border-radius:10px;font:22px/1 SiteUI;cursor:pointer}.site-radio-dock>[data-radio-command=stop]{background:#d84e4e20;color:#ffc1b6}.site-radio-title{min-width:0;flex:1;text-align:right;direction:rtl;color:inherit;font-size:12px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px}

/* Hayat Quran: a quiet ink-and-gold menu, with a warm distinctive launcher. */
html body .app-launcher-toggle::before{content:'';position:absolute;inset:-5px;border:1.5px solid #b89352;border-radius:22px;pointer-events:none;animation:hayat-halo 4s ease-in-out infinite}
@keyframes hayat-halo{0%,100%{opacity:.35;transform:scale(.97)}50%{opacity:.9;transform:scale(1.045)}}
html body .app-launcher-menu{background:#faf7ed!important;border:1px solid #bdab7d!important;border-radius:22px!important;box-shadow:0 18px 50px #203e3233,inset 0 1px 0 #fff!important;padding:10px!important}
html body .app-launcher-menu:before,html body .app-launcher-menu:after{display:none!important}
html body .app-launcher-menu>a{background:#edf0e5!important;color:#294e3b!important;border-radius:15px!important;border:1px solid #e2e5d6!important}
html body .app-launcher-menu>a[aria-current=page]{background:#294e3b!important;color:#fff8e6!important;border-color:#294e3b!important}
html body .app-launcher-menu .launcher-footer{border:0!important;border-top:1px solid #d9ceb4!important;border-radius:0!important;padding-top:9px!important;background:transparent!important}
html body .app-launcher-menu [data-app=support]{background:#eee5cc!important;color:#766037!important}
html body [data-app=radio] svg,html body [data-nav=radio] svg{color:#bd3543!important;animation:hayat-live 3s ease-in-out infinite}
@keyframes hayat-live{50%{opacity:.6;filter:drop-shadow(0 0 3px #df4a5a80)}}
.site-brand img,.radio-brand img{width:180px!important;height:auto!important;max-width:44vw;object-fit:contain}
body.home-scenes #introduction .hero-copy p.hero-life{font:400 17px/1.95 SiteUI,system-ui,sans-serif!important;margin:0!important;color:#7b8970!important}.hero-explanation{font-size:12px!important;line-height:1.9!important;max-width:510px;color:#7c8973!important;margin:18px 0 0!important}
@media(prefers-reduced-motion:reduce){html body .app-launcher-toggle::before,html body [data-app=radio] svg,html body [data-nav=radio] svg{animation:none!important}}
html body .app-launcher .app-launcher-toggle:is(:hover,:focus-visible,.launcher-control-targeted){background:#e85727!important;color:#fffaf5!important;border-color:#c9461c!important}
html body .app-launcher .app-launcher-toggle:is(:hover,:focus-visible,.launcher-control-targeted) svg{color:#fffaf5!important}
html body .app-launcher-menu>a[data-app=radio] svg{color:#bb3544!important}

body.home-scenes #introduction .hero-copy p.hero-lead{max-width:none!important}body.home-scenes #introduction .hero-copy p.hero-lead>.hero-read{display:block!important;white-space:nowrap!important;color:inherit!important;font:inherit!important;letter-spacing:0!important}@media(max-width:850px){body.home-scenes #introduction .hero-copy p.hero-life{font-size:16px!important}}

body.home-scenes #introduction>.hero-explanation{grid-column:1 / -1;justify-self:start;width:100%;max-width:950px!important;font:400 11px/1.9 SiteUI,system-ui,sans-serif!important;text-align:right!important;margin:-18px 0 0!important;color:#849078!important}@media(max-width:850px){body.home-scenes #introduction>.hero-explanation{margin:0!important;font-size:11px!important}}
html body .site-header nav a[data-nav=radio]{display:inline-flex!important;align-items:center;justify-content:center;gap:8px!important}html body .site-header nav a[data-nav=radio] svg{display:block;width:18px;height:18px;flex:none;overflow:visible}

/* Text-size resilience: icons stay geometric, text gets room to reflow. */
html.tq-large-ui body .radio-stations>button{display:grid;grid-template-columns:50px minmax(0,1fr) 20px;gap:12px}
html.tq-large-ui body .radio-stations>button>img{width:50px;height:50px;max-width:100%;object-fit:contain}
html.tq-large-ui body .radio-stations>button>span{min-width:0;overflow-wrap:break-word}
html.tq-large-ui body .radio-stations>button>svg{width:18px;height:18px;margin:0;justify-self:center}
html.tq-large-ui body .radio-transport{gap:clamp(12px,4vw,28px)}
html.tq-large-ui body .radio-transport>.radio-skip{min-width:0;flex:1;max-width:100px}
html.tq-large-ui body .radio-transport>.radio-skip span{max-width:100%;line-height:1.5}
html.tq-large-ui body .radio-transport #radio-play{flex:none}
html.tq-large-ui body .radio-bottom-controls{flex-wrap:wrap;gap:12px 20px}
html.tq-large-ui body .radio-volume{max-width:100%;min-width:0}
html.tq-large-ui body .radio-volume input{min-width:0;max-width:100%}
html.tq-large-ui body .radio-now h2{overflow-wrap:break-word}
html.tq-large-ui body .station-list-heading{flex-wrap:wrap}
html.tq-large-ui body .radio-practice-grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}
html.tq-large-ui body .radio-timeline>div{flex-wrap:wrap}
html.tq-large-ui body .app-launcher-menu>a{height:auto!important;min-height:68px!important;line-height:1.5!important;overflow-wrap:break-word;min-width:0}
html.tq-large-ui body .app-launcher-menu>a svg{flex:none;width:24px!important;height:24px!important}
html.tq-large-ui body .site-radio-dock{height:auto!important;min-height:55px!important;grid-template-rows:auto!important}
html.tq-large-ui body .site-radio-title{min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:break-word;line-height:1.5}
@media(max-width:850px){
 html.tq-large-ui body.adhkar-page .devotion-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;height:auto!important;gap:5px!important}
 html.tq-large-ui body.adhkar-page .devotion-tabs>button{width:100%!important;min-width:0!important;min-height:44px!important;height:auto!important;padding:8px!important;line-height:1.5!important;white-space:normal!important}
 html.tq-large-ui body.adhkar-page .adhkar-summary{display:flex!important;flex-wrap:wrap!important;gap:6px!important;min-height:44px!important;height:auto!important;padding:6px!important}
 html.tq-large-ui body.adhkar-page .adhkar-summary>.adhkar-progress{flex:1 1 110px!important;min-width:0!important;height:auto!important}
 html.tq-large-ui body.adhkar-page .adhkar-summary #adhkar-nav{flex:0 1 auto!important;min-width:0!important;max-width:100%!important;display:flex!important;align-items:center;flex-wrap:wrap;gap:4px}
 html.tq-large-ui body.adhkar-page .adhkar-summary :is(button,.adhkar-progress-number){flex-shrink:0!important}
 html.tq-large-ui body.adhkar-page .adhkar-summary .adhkar-progress-number{white-space:nowrap!important}
 html.tq-large-ui body.adhkar-page .adhkar-view-bar{flex-wrap:wrap!important;gap:8px!important}
 html.tq-large-ui body.adhkar-page .adhkar-view-bar>*{height:auto!important;min-height:44px!important;min-width:0!important;max-width:100%!important}
 html.tq-large-ui body.adhkar-page .adhkar-view-options{display:flex!important;flex-wrap:wrap!important;min-width:0;max-width:100%}
 html.tq-large-ui body.adhkar-page .adhkar-view-options>button{flex:1 1 auto;height:auto!important;min-height:44px!important;white-space:normal!important}
 html.tq-large-ui body.adhkar-page .adhkar-card{padding-inline:14px!important}
 html.tq-large-ui body.adhkar-page .adhkar-card :is(.adhkar-card-heading,.adhkar-card-meta){flex-wrap:wrap;min-width:0;gap:8px}
 html.tq-large-ui body.adhkar-page .occasion-filters{flex-wrap:wrap!important;max-width:100%;min-width:0}
 html.tq-large-ui body .reader-audio-tray{inset:auto 10px 78px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 34px!important;grid-template-rows:auto auto auto!important;gap:8px 10px!important;height:auto!important;max-height:min(55dvh,350px)!important;overflow:auto!important;width:calc(100% - 20px)!important;padding:10px!important}
 html.tq-large-ui body .reader-audio-tray>.reader-reciter-choice{grid-area:1/1!important;max-width:none!important;min-width:0!important;width:100%!important;padding-inline-end:114px!important}
 html.tq-large-ui body .reader-audio-tray .reader-reciter-choice select{height:auto!important;min-height:34px!important;line-height:1.5!important}
 html.tq-large-ui body .reader-audio-tray>.mini-audio-controls{position:static!important;transform:none!important;grid-area:2/1/3/-1!important;width:auto!important;justify-self:center!important;align-self:center!important}
 html.tq-large-ui body .reader-audio-tray .mini-audio-controls button{display:grid!important;place-items:center!important;line-height:1!important}
 html.tq-large-ui body .reader-audio-tray>button.audio-stop-close{grid-area:1/2!important;align-self:start!important;line-height:1!important}
 html.tq-large-ui body .reader-audio-tray>label.audio-auto-switch{grid-area:3/1!important;width:auto!important;max-width:100%!important;white-space:normal!important;line-height:1.5!important;min-height:28px!important}
 html.tq-large-ui body .reader-audio-tray>output{grid-area:4/1/5/-1!important;width:auto!important;justify-self:end!important;line-height:1.5!important;white-space:normal!important}
 html.tq-large-ui body .reader-audio-tray>input[type=range]{grid-area:5/1/6/-1!important;width:100%!important}
 html.tq-large-ui body .reader-audio-tray>.reader-reciter-choice{padding-inline-end:0!important}
 html.tq-large-ui body .hero-copy .hero-read{white-space:normal!important}
 html.tq-large-ui body .radio-player{padding-inline:16px!important}
 html.tq-large-ui body .radio-main{padding-inline:12px!important}
 html.tq-large-ui body .radio-header{flex-wrap:wrap;gap:10px;padding-inline:14px}
 html.tq-large-ui body :is(.radio-layout,.radio-player,.radio-station-list){min-width:0}
}

@media(max-width:850px){html.tq-large-ui body.adhkar-page .dhikr-card-head{display:flex!important;flex-wrap:wrap!important;gap:8px!important}html.tq-large-ui body.adhkar-page .dhikr-category-label{min-width:0;flex-wrap:wrap}html.tq-large-ui body.adhkar-page .dhikr-card-head h2{width:100%;margin:0!important}html.tq-large-ui body.adhkar-page .dhikr-deck-navigation{display:flex!important;align-items:center;gap:4px;white-space:nowrap!important}}