/* Opt-in reader presentation. Do not reset Arabic/tajweed fonts or user text-size variables. */
html body #dsq-art-modal,body:has(#ds-page-quran) .dsq-surah-art{font-family:var(--ds-font)!important}
html body #dsq-art-modal .dsq-art-dialog,body:has(#ds-page-quran) .dsq-surah-art{border-radius:var(--ds-radius-panel,16px)!important}
html body #dsq-art-modal button,body:has(#ds-page-quran) .dsq-surah-art :is(button,a){font-family:var(--ds-font)!important;min-height:44px!important;border-radius:var(--ds-radius-control,10px)!important;font-weight:600!important}
html body #dsq-art-modal .dsq-art-btn.is-primary{background:var(--ds-accent)!important;color:var(--ds-on-accent)!important}
#ds-page-quran #ds-quran{font-family:var(--ds-font)!important;--text:var(--ds-text);--muted:var(--ds-muted2);--card:var(--ds-card);--line:var(--ds-border2);--accent:var(--ds-accent)}
#ds-page-quran #ds-quran .dsq-container{max-width:var(--ds-content-width,76rem)!important;width:100%!important;padding-inline:24px!important}
#ds-page-quran #ds-quran .dsq-app-hero{padding:24px 0!important;gap:24px!important;background:none!important;border:0!important;box-shadow:none!important}
#ds-page-quran #ds-quran .dsq-hero-main{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
#ds-page-quran #ds-quran h1{font-family:var(--ds-font)!important;font-size:clamp(32px,4vw,48px)!important;font-weight:600!important;letter-spacing:-.035em!important;color:var(--ds-text)!important;line-height:1.15!important}
#ds-page-quran #ds-quran .dsq-hero-sub{font-size:15px!important;line-height:1.7!important;max-width:60ch;color:var(--ds-muted2)!important;font-weight:400!important}
#ds-page-quran #ds-quran .dsq-hero-actions{gap:8px!important;flex-wrap:wrap!important}
#ds-page-quran #ds-quran .dsq-quick-grid{display:none!important}
#ds-page-quran #ds-quran :is(.dsq-card,.dsq-control-panel,.dsq-ayah,.dsq-basmala,.dsq-suwar-hero,.dsq-suwar-item,.dsq-suwar-card,.dsq-daily-card){background:var(--ds-card)!important;border:1px solid var(--ds-border2)!important;border-radius:var(--ds-radius-panel,16px)!important;box-shadow:none!important}
#ds-page-quran #ds-quran :is(button,.dsq-btn,.dsq-chip,.dsq-iconbtn,.dsq-actionbtn){font-family:var(--ds-font)!important;font-size:14px!important;font-weight:600!important;letter-spacing:0!important;min-height:44px!important;border-radius:var(--ds-radius-control,10px)!important;box-shadow:none!important;background-image:none!important;text-transform:none!important}
#ds-page-quran #ds-quran :is(input[type="search"],input[type="text"],input[type="number"],select){font-family:var(--ds-font)!important;font-size:16px!important;min-height:44px!important;border-radius:var(--ds-radius-control,10px)!important;box-shadow:none!important}
#ds-page-quran #ds-quran :is(.dsq-chip.is-on,.dsq-primary:not(.dsq-primary-soft),.dsq-actionbtn-main){background:var(--ds-accent)!important;color:var(--ds-on-accent)!important;border-color:var(--ds-accent)!important}
#ds-page-quran #ds-quran .dsq-panel-num{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border-radius:8px!important;font-size:12px!important;background:var(--ds-accent)!important;color:var(--ds-on-accent)!important}
#ds-page-quran #ds-quran .dsq-reader-layout{grid-template-columns:220px minmax(0,1fr)!important}
#ds-page-quran #ds-quran .dsq-top-controls{padding:20px!important}
#ds-page-quran #ds-quran .dsq-top-controls .dsq-controls{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
#ds-page-quran #ds-quran .dsq-top-controls .dsq-row-select{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:12px!important}
#ds-page-quran #ds-quran .dsq-top-controls :is(.dsq-field-mode,.dsq-nav,#dsq-ayah-field){grid-column:span 2!important;min-width:0!important}
#ds-page-quran #ds-quran .dsq-top-controls :is(#dsq-sura-field,#dsq-page-field){grid-column:span 6!important;min-width:0!important}
#ds-page-quran #ds-quran :is(#dsq-sura-dropdown,#dsq-ayah-dropdown,#dsq-sura-btn,#dsq-ayah-btn){width:100%!important;min-width:0!important;max-width:100%!important}
#ds-page-quran #ds-quran #dsq-sura-btn{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.4!important;padding:10px 12px!important}
#ds-page-quran #ds-quran .dsq-body{padding:20px 24px 32px!important;min-height:320px!important}
#ds-page-quran #ds-quran .dsq-display-sidebar{padding:14px!important}
#ds-page-quran #ds-quran .dsq-control-panel{padding:16px!important}
#ds-page-quran #ds-quran .dsq-ayah{padding:20px!important;margin-bottom:16px!important}
#ds-page-quran #ds-quran .dsq-ayah.is-jump-target{outline:2px solid var(--ds-accent)!important;outline-offset:0!important}
#ds-page-quran #ds-quran .dsq-ayah.is-selected{border-color:var(--ds-accent)!important}
#ds-page-quran #ds-quran :is(.dsq-title,.dsq-suwar-title){font-family:var(--ds-font)!important;font-size:22px!important;font-weight:600!important;color:var(--ds-text)!important}
#ds-page-quran #ds-quran .dsq-tr{font-family:var(--ds-font)!important;font-weight:400!important;line-height:1.85!important;color:var(--ds-text)!important}
#ds-page-quran #ds-quran :is(.dsq-meta,.dsq-panel-title,.dsq-label,.dsq-sub,.dsq-info,.dsq-hero-sub,.dsq-suwar-name,.dsq-suwar-meta) :is(span,strong,small),
#ds-page-quran #ds-quran :is(.dsq-meta,.dsq-panel-title,.dsq-label,.dsq-sub,.dsq-info){font-family:var(--ds-font)!important;font-weight:400!important}
#ds-page-quran #ds-quran .dsq-meta{gap:12px!important;flex-wrap:wrap!important}
#ds-page-quran #ds-quran .dsq-meta-left{min-width:0!important;gap:8px!important;flex-wrap:wrap!important;word-break:normal!important;overflow-wrap:normal!important}
#ds-page-quran #ds-quran .dsq-meta-left>span{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;font-size:12px!important}
#ds-page-quran #ds-quran .dsq-ayah-actions{gap:6px!important;flex-wrap:wrap!important}
#ds-page-quran #ds-quran .dsq-mini{min-width:44px!important;width:44px!important;height:44px!important}
#ds-page-quran #ds-quran .dsq-bottom-actions{gap:8px!important;flex-wrap:wrap!important}
#ds-page-quran #ds-quran :is(button,a,input,select):focus-visible{outline:2px solid var(--ds-accent)!important;outline-offset:3px}
#ds-page-quran #ds-quran .dsq-suwar-grid{gap:12px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
#ds-page-quran #ds-quran .dsq-sura-card{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;gap:10px!important;min-height:88px!important;padding:14px!important;border:1px solid var(--ds-border2)!important;background:var(--ds-card)!important;box-shadow:none!important;transform:none!important}
#ds-page-quran #ds-quran .dsq-sura-card :is(.dsq-sura-num,.dsq-sura-en,.dsq-sura-trname,.dsq-sura-count){font-family:var(--ds-font)!important;font-weight:500!important}
#ds-page-quran #ds-quran .dsq-sura-num{width:32px!important;height:32px!important;border-radius:8px;background:var(--ds-chip);color:var(--ds-text)!important}
#ds-page-quran #ds-quran .dsq-sura-num::before{display:none!important}
#ds-page-quran #ds-quran .dsq-sura-side{grid-column:auto!important;min-width:0!important;justify-items:end!important}
#ds-page-quran #ds-quran .dsq-sura-main{grid-column:auto!important}
#ds-page-quran #ds-quran .dsq-sura-en{font-size:14px!important;line-height:1.5!important;white-space:normal!important}
#ds-page-quran #ds-quran .dsq-sura-trname{font-size:12px!important;line-height:1.5!important;white-space:normal!important}
#ds-page-quran #ds-quran .dsq-index-tools{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:20px 0}
#ds-page-quran #ds-quran .dsq-index-tools label{display:grid;gap:8px;flex:1;min-width:min(200px,100%);font-size:14px;font-weight:600}
#ds-page-quran #ds-quran .dsq-index-tools input{width:100%;padding:12px;color:var(--ds-text);background:var(--ds-card);border:1px solid var(--ds-border2)}
#ds-page-quran #ds-quran .dsq-index-tools p{font-size:13px;color:var(--ds-muted2);margin:0 0 12px}
#ds-page-quran #ds-quran [hidden]{display:none!important}
#ds-page-quran #ds-quran .dsq-suwar-hero{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)!important}
@media(max-width:1000px){
 #ds-page-quran #ds-quran .dsq-reader-layout{grid-template-columns:minmax(0,1fr)!important}
 #ds-page-quran #ds-quran .dsq-display-sidebar{position:static!important}
 #ds-page-quran #ds-quran .dsq-reader-sidebar{border-right:0!important}
 #ds-page-quran #ds-quran .dsq-display-sidebar .dsq-togglebar{display:flex!important;flex-wrap:wrap!important}
 #ds-page-quran #ds-quran .dsq-display-sidebar .dsq-chip{flex:0 1 auto!important}
}
@media(max-width:760px){
 #ds-page-quran #ds-quran .dsq-container{padding-inline:16px!important}
 #ds-page-quran #ds-quran .dsq-app-hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:16px 0 24px!important}
 #ds-page-quran #ds-quran .dsq-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
 #ds-page-quran #ds-quran .dsq-hero-actions :is(.dsq-dropdown,.dsq-iconbtn){min-width:0!important;width:100%!important}
 #ds-page-quran #ds-quran .dsq-top-controls{padding:12px!important}
 #ds-page-quran #ds-quran .dsq-top-controls .dsq-row-select{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 #ds-page-quran #ds-quran .dsq-top-controls :is(.dsq-field-mode,#dsq-ayah-field,.dsq-nav){grid-column:span 1!important}
 #ds-page-quran #ds-quran .dsq-top-controls :is(#dsq-sura-field,#dsq-page-field){grid-column:1/-1!important}
 #ds-page-quran #ds-quran .dsq-top-controls .dsq-field-mode{grid-column:1/-1!important}
 #ds-page-quran #ds-quran .dsq-body{padding:12px 12px 24px!important}
 #ds-page-quran #ds-quran .dsq-ayah{padding:16px!important}
 #ds-page-quran #ds-quran .dsq-meta{display:flex!important;flex-direction:column!important;align-items:stretch!important}
 #ds-page-quran #ds-quran .dsq-meta-left{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}
 #ds-page-quran #ds-quran .dsq-ayah-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(44px,1fr))!important;gap:2px!important;width:100%!important}
 #ds-page-quran #ds-quran .dsq-ayah-actions .dsq-mini{width:100%!important}
 #ds-page-quran #ds-quran .dsq-control-panel{padding:12px!important}
 #ds-page-quran #ds-quran .dsq-suwar-grid{grid-template-columns:minmax(0,1fr)!important}
 #ds-page-quran #ds-quran .dsq-suwar-hero{grid-template-columns:minmax(0,1fr)!important}
 #ds-page-quran #ds-quran .dsq-bottom-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:420px){#ds-page-quran #ds-quran .dsq-suwar-grid{grid-template-columns:minmax(0,1fr)!important}}