/* Shared interface palette. Surah identity hues are stored separately. */
:root{--palette-teal:#0D5963;--palette-teal-hover:#176D72;--palette-ink:#173C46;--palette-muted:#526C72;--palette-cream:#FBFAF7;--palette-mint:#EDF5F1;--palette-white:#FFFFFF;--palette-line:#D7E7E0;--palette-border:#AACAC3;--palette-gold:#E9B772;--palette-gold-soft:#F8E7BC;--palette-gold-ink:#73531E;--palette-focus:#9A6518;--palette-success-soft:#E6F2EA;--palette-success-ink:#215447;--palette-error-soft:#FFF2F0;--palette-error-ink:#8B3F35;--teal:var(--palette-teal);--navy:var(--palette-ink);--ink:var(--palette-ink);--muted:var(--palette-muted);--line:var(--palette-line);--mint:var(--palette-mint);--cream:var(--palette-cream);--gold:var(--palette-gold);--paper:var(--palette-cream);--purple:var(--palette-teal);--border:var(--palette-line);--juz-teal:var(--palette-teal);--juz-teal-strong:var(--palette-teal);--juz-navy:var(--palette-ink);--juz-mint:var(--palette-mint);--juz-cream:var(--palette-cream);--juz-gold:var(--palette-gold);}
body{background:var(--palette-cream)!important;color:var(--palette-ink)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--palette-focus)!important;outline-offset:3px}
#module-one-view .juz-path-card.path-mastery{background:var(--palette-mint)!important;color:var(--palette-ink)!important}
.copyright-footer{color:var(--palette-muted)!important;border-color:var(--palette-line)!important}.copyright-terms summary,.copyright-duaa{color:var(--palette-teal)!important}.copyright-terms-body{background:var(--palette-mint)!important}
#module-one-view .signature-header p a{color:var(--palette-white);text-decoration:underline;text-underline-offset:3px}
#module-one-view .signature-header p a:focus-visible{outline-color:var(--palette-gold)!important}
.signature-footnote{color:var(--palette-muted)}
.mastery-practice-link .outline{white-space:normal;text-align:center}
.game-palette-art{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:30px 25px;text-align:center;border-radius:24px;background:var(--palette-teal);color:var(--palette-white);border:1px solid var(--palette-teal);position:relative;overflow:hidden;line-height:1.8}
.game-banner-click,.module-one-banner-link{inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;background:transparent!important;border:0!important;border-radius:24px!important;transform:none!important}
.game-palette-art:before,.game-palette-art:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.15);border-radius:50%;pointer-events:none}.game-palette-art:before{right:-70px;top:-90px}.game-palette-art:after{left:-80px;bottom:-80px}
.game-palette-art .game-palette-eyebrow{font-size:12px;color:var(--palette-gold-soft)}
.game-palette-art h2{margin:0;color:var(--palette-white)!important;font-size:clamp(27px,4vw,42px);line-height:1.6}
.game-palette-art .game-palette-missions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;font-size:13px}.game-palette-missions span{border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:5px 13px}
.game-palette-art .game-palette-cta{padding:10px 28px;border-radius:12px;background:var(--palette-gold);color:var(--palette-ink);font-weight:800;margin-top:7px;min-height:48px}
.game-mobile-banner .game-palette-art{display:none}.module-one-banner-art,.game-banner{min-height:0!important}
.palette-surah{color:var(--surah-dark)!important;border-inline-start:4px solid var(--surah-accent);padding-inline-start:10px;background:var(--surah-soft)!important}
.keyboard-grid{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))!important}
.question-meta{flex-wrap:wrap}.mastery-wrap,.card,.optional-discovery .juz-path-card,.signature-heading{min-width:0}.answer{min-width:0}
html{scroll-padding-top:120px}#module-one-view #learningPaths,#module-one-view #mutashabehatStart,#module-one-view #guided-practice,#module-one-view #surahSignature,#module-one-view #explore{scroll-margin-top:0}
@media(max-width:760px){html{scroll-padding-top:190px}}
@media(max-width:430px){#module-one-view .juz-home .welcome-actions{display:flex;flex-direction:column;align-items:stretch;width:100%}#module-one-view .juz-home .welcome-actions a,#module-one-view .juz-home .welcome-actions button{font-size:13px}.game-palette-art{min-height:210px;padding:24px 16px}.game-palette-missions{gap:6px!important}.game-palette-missions span{font-size:12px}}
@media(max-width:350px){html{scroll-padding-top:240px}.site-header .module-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stats{grid-template-columns:1fr}.score-table{font-size:12px}}

/* Equal visual priority for learn, practise and mastery. */
#module-one-view .juz-paths-grid .juz-path-card{background:var(--palette-mint)!important;color:var(--palette-ink)!important;border-color:var(--palette-line)!important;box-shadow:0 7px 20px rgba(13,89,99,.045)!important}
#module-one-view .juz-paths-grid .juz-path-card h3{color:var(--palette-ink)!important}
#module-one-view .juz-paths-grid .juz-path-card p{color:var(--palette-muted)!important}
#module-one-view .juz-paths-grid .juz-path-icon{background:var(--palette-white)!important;color:var(--palette-teal)!important}
#module-one-view .juz-paths-grid .juz-path-number{color:var(--palette-muted)!important;opacity:1}
#module-one-view .juz-paths-grid .juz-path-action{background:var(--palette-white)!important;color:var(--palette-teal)!important;border-color:var(--palette-line)!important}
.mastery-title{display:flex;align-items:center;gap:14px}.mastery-title h1{margin:8px 0 18px}.exam-title-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:15px;background:var(--palette-mint);color:var(--palette-teal)}.exam-title-icon svg{width:32px;height:32px;display:block}
@media(max-width:430px){.mastery-title{gap:10px}.exam-title-icon{width:44px;height:44px;flex-basis:44px}.exam-title-icon svg{width:28px;height:28px}}