/* Consistent finishing layer for the remaining editorial, tool and account pages. */
:is(#ds-page-roadmap,#ds-page-game,#ds-page-gameepisode1,#ds-page-gameepisode2,#quran-maker,#ds-app-ijazat,#ds-page-content,.dspt-page,.dsn-page){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;min-width:0}
:is(#ds-page-roadmap,#ds-page-game,#ds-page-gameepisode1,#ds-page-gameepisode2,#quran-maker,#ds-app-ijazat,#ds-page-content,.dspt-page,.dsn-page) :is(h1,h2,h3){line-height:1.16;letter-spacing:-.035em;overflow-wrap:anywhere}
:is(#ds-page-roadmap,#ds-page-game,#ds-page-gameepisode1,#ds-page-gameepisode2,#quran-maker,#ds-app-ijazat,#ds-page-content,.dspt-page,.dsn-page) :is(button,a,input,textarea,select):focus-visible{outline:3px solid var(--ds-accent,currentColor)!important;outline-offset:3px}
:is(#ds-page-roadmap,#ds-page-game,#ds-page-gameepisode1,#ds-page-gameepisode2,#quran-maker,#ds-app-ijazat,#ds-page-content,.dspt-page,.dsn-page) :is(button,input,textarea,select){font-family:inherit}
#ds-page-roadmap #ds-guides-all .ds-hero{border-radius:22px;padding:clamp(20px,4vw,36px)}
#ds-page-roadmap #ds-guides-all .ds-card{border-radius:18px}
#ds-page-roadmap #ds-guides-all .ds-chip{width:auto}
#quran-maker .qm-hero h1{font-weight:750;line-height:1.08}
#quran-maker .qm-panel,#quran-maker .qm-section{border-radius:18px}
#quran-maker .qm-control,#quran-maker .qm-select,#quran-maker .qm-number{font:600 14px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
#ds-app-ijazat .ds-ijaza-hero{border-radius:22px}
#ds-app-ijazat .ds-ijaza-stat{border-radius:18px}
.dspt-page .dspt-search,.dspt-page .dspt-btn{border-radius:14px}
.dsn-page .dsn-card{border-radius:22px}
html[data-theme="light"] body:has(.dsn-page){background:var(--ds-bg,#fffaf5);color:var(--ds-text,#20150f)}
html[data-theme="light"] .dsn-page{background:var(--ds-bg,#fffaf5);color:var(--ds-text,#20150f)}
.dsn-page .dsn-card img{width:min(150px,42vw);height:auto;object-fit:contain}
#ds-verify,#ds-certificate{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
#ds-verify :is(.iv-form,.iv-card),#ds-certificate :is(.dc-head,.dc-stage,.dc-empty){border-radius:18px}
#ds-verify :is(input,button,a):focus-visible,#ds-certificate :is(button,a):focus-visible{outline:3px solid var(--ds-accent,currentColor);outline-offset:3px}
#ds-verify .iv-head h1,#ds-certificate h1{line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere}
#ds-verify .iv-form input{font-size:16px}
#ds-quran-share,#app.ds-quran-popout{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
#ds-quran-share :is(button,a):focus-visible,#app.ds-quran-popout :is(button,a,input):focus-visible{outline:3px solid var(--accent,currentColor);outline-offset:3px}
@media(max-width:600px){#ds-verify{padding-inline:12px}#ds-verify .iv-form{padding:12px}#ds-certificate{padding-inline:12px}#ds-quran-share{border-radius:18px}#app.ds-quran-popout{max-width:100%}}
@media(max-width:600px){
  :is(#ds-page-roadmap,#ds-page-game,#ds-page-gameepisode1,#ds-page-gameepisode2,#quran-maker,#ds-app-ijazat,#ds-page-content,.dspt-page,.dsn-page) :is(button,a,input,textarea,select){max-width:100%}
  :is(#ds-page-roadmap,#ds-page-game,#ds-page-gameepisode1,#ds-page-gameepisode2,#quran-maker,#ds-app-ijazat,#ds-page-content,.dspt-page,.dsn-page) :is(input:not([type=range]):not([type=checkbox]),textarea,select){font-size:16px}
  #ds-page-roadmap #ds-guides-all .ds-wrap{width:calc(100% - 24px)}
  #ds-page-roadmap #ds-guides-all .ds-hero h1{font-size:clamp(30px,9vw,42px)}
  #quran-maker .qm-hero h1{font-size:clamp(30px,9vw,42px)}
  #ds-app-ijazat .ds-ijaza-hero{padding:20px}
  .dspt-page{width:calc(100% - 24px)}
}
@media(prefers-reduced-motion:reduce){
  :is(#ds-page-roadmap,#ds-page-game,#ds-page-gameepisode1,#ds-page-gameepisode2,#quran-maker,#ds-app-ijazat,#ds-page-content,.dspt-page,.dsn-page) *,
  :is(#ds-page-roadmap,#ds-page-game,#ds-page-gameepisode1,#ds-page-gameepisode2,#quran-maker,#ds-app-ijazat,#ds-page-content,.dspt-page,.dsn-page) *::before,
  :is(#ds-page-roadmap,#ds-page-game,#ds-page-gameepisode1,#ds-page-gameepisode2,#quran-maker,#ds-app-ijazat,#ds-page-content,.dspt-page,.dsn-page) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}