/* Quran reader: readable controls and source-provided tajweed annotations. */
@media(max-width:700px){
  html[data-theme] body #dsq-stickybar.dsq-stickybar{
    box-sizing:border-box!important;left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;width:auto!important;
    max-width:calc(100% - 20px)!important;margin-inline:0!important;transform:none!important;
  }
  #dsq-stickybar :is(.dsq-stickyrow,.dsq-stickytools){min-width:0;max-width:100%;flex-wrap:wrap}
  #dsq-selection-bar{box-sizing:border-box;max-width:calc(100vw - 20px)!important}
  #dsq-selection-bar .dsq-selection-actions{flex-wrap:wrap;justify-content:center}
}
#ds-quran #dsq-play-sura.dsq-surah-play-action{
  background:var(--ds-accent)!important;color:var(--ds-on-accent,#000)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:10px!important;width:auto!important;min-width:178px!important;min-height:46px!important;
  padding:10px 17px!important;border-radius:var(--ds-radius-control,14px)!important;
  white-space:nowrap!important;font-size:13px!important;font-weight:750!important;
}
#ds-page-quran #ds-quran :is(.dsq-primary,.dsq-chip.is-on,.dsq-selectbtn.is-selected,.dsq-actionbtn.is-primary,.dsq-actionbtn-main),html body :is(.dsq-player .dsq-pbtn-primary,.dsq-selection-copy,.dsq-stickybar .dsq-stickybtn.is-primary){background:var(--ds-accent)!important;color:var(--ds-on-accent,#000)!important}
#ds-quran #dsq-play-sura .dsq-surah-play-icon{display:inline-grid;place-items:center;width:19px;height:19px;flex:none}
#ds-quran #dsq-play-sura .dsq-surah-play-icon svg{width:19px;height:19px}
#ds-quran #dsq-play-sura .dsq-surah-play-label{display:inline!important;line-height:1.2}
#dsq-player #dsq-player-expand .dsq-expand-icon svg,#dsq-player #dsq-expanded-cinema svg{display:block;width:20px;height:20px;stroke:currentColor}
#dsq-player #dsq-player-expand{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:48px!important}
html[data-theme] body #dsq-player #dsq-player-expand .dsq-expand-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important}
html[data-theme] body #dsq-player #dsq-player-expand::before{content:none!important}
@media(max-width:640px){#ds-quran #dsq-play-sura.dsq-surah-play-action{width:100%!important;min-width:0!important}}

body > .dsq-settings-menu{
  width:min(360px,calc(100vw - 24px))!important;max-height:min(72vh,610px)!important;
  box-sizing:border-box!important;max-width:calc(100vw - 24px)!important;
  padding:17px!important;border-radius:var(--ds-radius-lg,20px)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.25)!important;
}
@media(max-width:640px){body > .dsq-settings-menu{left:12px!important;right:auto!important}}
body > .dsq-settings-menu .dsq-setting-row{gap:9px!important;padding:9px 0!important;font-size:12px!important;color:var(--ds-text,var(--text))!important}
body > .dsq-settings-menu .dsq-range,
#ds-quran input.dsq-range{
  appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:8px!important;
  border:1px solid color-mix(in srgb,var(--ds-accent,var(--accent)) 25%,var(--ds-border,var(--line)))!important;
  border-radius:999px!important;background:color-mix(in srgb,var(--ds-accent,var(--accent)) 28%,var(--ds-card2,var(--card)))!important;
  cursor:pointer!important;accent-color:var(--ds-accent,var(--accent))!important;
}
body > .dsq-settings-menu .dsq-range::-webkit-slider-thumb,
#ds-quran input.dsq-range::-webkit-slider-thumb{
  appearance:none!important;-webkit-appearance:none!important;width:20px!important;height:20px!important;
  border:3px solid var(--ds-card,#fff)!important;border-radius:50%!important;
  background:var(--ds-accent,var(--accent))!important;box-shadow:0 1px 9px rgba(0,0,0,.25)!important;
}
body > .dsq-settings-menu .dsq-range::-moz-range-thumb,
#ds-quran input.dsq-range::-moz-range-thumb{
  width:15px!important;height:15px!important;border:3px solid var(--ds-card,#fff)!important;border-radius:50%!important;
  background:var(--ds-accent,var(--accent))!important;box-shadow:0 1px 9px rgba(0,0,0,.25)!important;
}
body > .dsq-settings-menu input.dsq-color{
  appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:44px!important;
  padding:5px!important;border:1px solid var(--ds-border,var(--line))!important;
  border-radius:12px!important;background:var(--ds-card2,var(--card))!important;cursor:pointer!important;
}
body > .dsq-settings-menu input.dsq-color::-webkit-color-swatch-wrapper{padding:0}
body > .dsq-settings-menu input.dsq-color::-webkit-color-swatch{border:0;border-radius:8px}
body > .dsq-settings-menu input.dsq-color::-moz-color-swatch{border:0;border-radius:8px}
body > .dsq-settings-menu .dsq-select{min-height:44px!important;border-radius:12px!important}

#ds-quran .dsq-mushaf-line.is-verse-fallback-line{white-space:normal!important;text-align:right!important;text-align-last:right!important}
#ds-quran .dsq-page-verse-fallback{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
#ds-quran .dsq-mushaf-line.is-verse-fallback-line .dsq-arword{white-space:nowrap!important}
/* Exact Quran.com V4 legend palette; also applies after the sticky bar is portaled.
   Source: quran.com-frontend-next/production/.../TajweedBar.module.scss.
   Actual V4 word colors are embedded in the original font, not inferred here. */
:is(#ds-quran,body>.dsq-stickybar){--tj-silent:#999999;--tj-mad2:#ffc1e0;--tj-mad246:#ff8e3b;--tj-mad45:#ff5e8e;--tj-mad6:#e30000;--tj-ghunnah:#26b55d;--tj-qalqalah:#00deff;--tj-tafkhim:#3c84d5}
html[data-theme="light"] :is(#ds-quran,body>.dsq-stickybar){--tj-silent:#a5a5a5;--tj-mad2:#ce9e00;--tj-mad246:#ff7b00;--tj-mad45:#f40000;--tj-mad6:#b50000;--tj-ghunnah:#09b000;--tj-qalqalah:#2fadff;--tj-tafkhim:#3f48e6}
:is(#ds-quran,body>.dsq-stickybar) :is(.dsq-api-tj-ham_wasl,.dsq-api-tj-laam_shamsiyah,.dsq-api-tj-idgham_wo_ghunnah){color:var(--tj-silent)!important}
:is(#ds-quran,body>.dsq-stickybar) :is(.dsq-api-tj-qalaqah,.dsq-api-tj-qalqalah){color:var(--tj-qalqalah)!important}
:is(#ds-quran,body>.dsq-stickybar) :is(.dsq-api-tj-ghunnah,.dsq-api-tj-ikhfa,.dsq-api-tj-ikhfa_shafawi,.dsq-api-tj-iqlab,.dsq-api-tj-idgham_ghunnah,.dsq-api-tj-idgham_shafawi){color:var(--tj-ghunnah)!important}
:is(#ds-quran,body>.dsq-stickybar) .dsq-api-tj-madda_normal{color:var(--tj-mad2)!important}
:is(#ds-quran,body>.dsq-stickybar) .dsq-api-tj-madda_permissible{color:var(--tj-mad246)!important}
:is(#ds-quran,body>.dsq-stickybar) .dsq-api-tj-madda_obligatory{color:var(--tj-mad45)!important}
:is(#ds-quran,body>.dsq-stickybar) .dsq-api-tj-madda_necessary{color:var(--tj-mad6)!important}
:is(#ds-quran,body>.dsq-stickybar) .dsq-api-tj-tafkhim{color:var(--tj-tafkhim)!important}
#ds-quran .dsq-tjv4{display:inline}
#ds-quran .dsq-tjv4 [hidden]{display:none!important}
#ds-quran .dsq-tjv4-glyph{font-weight:400!important;font-style:normal!important;font-synthesis:none;letter-spacing:0!important;user-select:text;-webkit-user-select:text}
#ds-quran .dsq-tjv4-glyph::before{content:attr(data-code)}
@media(max-width:640px){
  #ds-quran.dsq-wrap .dsq-pagewrap{width:100%!important;padding:18px 10px!important}
  #ds-quran.dsq-wrap .dsq-mushaf-shell{padding:18px 0!important}
}
@media(prefers-reduced-motion:reduce){#ds-quran #dsq-play-sura{transition:none!important}}