/* Qur'an Mutashabehat — APPROVED Night Blue / Aqua / Gold Design System.
   Single theme layer, replacing the previous emerald rules. No verse text,
   comparison logic, or per-Surah identity colours are modified here. */
:root {
  color-scheme:light;
  --night-base: #0d3b66;
  --night-deep: #07284b;
  --night-ink: #103956;
  --night-medium: #13629e;
  --night-bright: #1e6fd9;
  --aqua: #0ea5e9;
  --card-aqua: #e7f6fa;
  --card-aqua-deep: #d0f0f2;
  --card-line: #b8e1e8;
  --mint-action-bright: #25d366;
  --mint-action: #169b62;
  --mint-action-hover:#138252;
  --mint-dark: #0d7049;
  --warm-yellow: #fbbf24;
  --paper-white: #fffefa;
  --paper-blue: #f3f9fe;
  --text-muted: #426983;
  --palette-teal:#0c6389;
  --palette-teal-hover:#095374;
  --palette-ink:var(--night-ink);
  --palette-muted:var(--text-muted);
  --palette-cream:var(--paper-blue);
  --palette-mint:var(--card-aqua);
  --palette-white:#fff;
  --palette-line:var(--card-line);
  --palette-border:var(--card-line);
  --palette-gold:var(--warm-yellow);
  --palette-gold-soft:#fff0bf;
  --palette-gold-ink:#7a5400;
  --palette-focus:#fbbf24;
  --palette-success-soft:#e4f8ed;
  --palette-success-ink:#085b3b;
  --palette-error-soft:#fff0e9;
  --palette-error-ink:#963e33;
  --teal:#0c6389;--navy:var(--night-ink);--ink:var(--night-ink);
  --muted:var(--text-muted);--line:var(--card-line);--mint:var(--card-aqua);
  --cream:var(--paper-blue);--gold:var(--warm-yellow);
  --paper:var(--paper-blue);--purple:#3a5a96;--border:var(--card-line);
  --juz-teal:#0c6389;--juz-teal-strong:var(--night-deep);--juz-navy:var(--night-ink);
  --juz-mint:var(--card-aqua);--juz-cream:var(--paper-blue);--juz-gold:var(--warm-yellow);
  --cohesive-teal:#0c6389;--cohesive-sage:var(--card-aqua);
  --cohesive-border:var(--card-line);--cohesive-shadow:0 14px 30px rgba(0,30,74,.15);
}
html { accent-color:var(--mint-action);scroll-padding-top:90px; }
body,body.juz-home-page,body.juz-learning-page,body.dashboard-page {
  color:var(--night-ink);
  background:
    radial-gradient(circle at 12% 6%, rgba(36,121,216,.26), transparent 29rem),
    radial-gradient(circle at 85% 2%, rgba(15,105,193,.30), transparent 29rem),
    linear-gradient(180deg,#07315c 0%,#0d3b66 46%,#092c50 100%) fixed!important;
}
/* Clean deep-blue page, without night-time stars; approved diamonds live only around the Qur'an hero. */
body::before{display:none!important;}
body>header, body>nav, body>main,body>#module-one-view,body>#module-two-view,body>.wrap,body>#dashboard {position:relative;z-index:1}
/* One navigational system across the PWA. Native page links remain in the
   source for non-PWA fallback; on the PWA they are hidden to avoid duplication. */
body.juz-home-page>.site-header,body.juz-learning-page>.site-header,
body>.mastery-header {display:none!important;}
.pwa-nav {
  position:relative;z-index:50;display:flex;align-items:center;gap:5px;
  direction:rtl;flex-wrap:wrap;justify-content:flex-start;
  width:min(1200px,calc(100% - 30px));margin:16px auto 12px;padding:10px 16px;
  border-radius:20px;border:1px solid rgba(106,181,243,.34);
  background:linear-gradient(125deg,rgba(5,44,86,.98),rgba(13,77,137,.96));
  color:#fff;box-shadow:0 12px 26px rgba(0,16,45,.22);
  font:800 14px/1.5 Tahoma,Arial,sans-serif;
}
.pwa-nav a,.pwa-nav a:visited {color:#edfaff;text-decoration:none;border-radius:13px;
 display:inline-flex;align-items:center;justify-content:center;min-height:43px;
 padding:9px 14px;transition:background .18s ease;}
.pwa-nav a:hover,.pwa-nav a:focus-visible {color:#fff;background:rgba(126,203,255,.18);text-decoration:none;}
.pwa-nav .pwa-brand,.pwa-nav .pwa-brand:visited {margin-inline-end:auto;font-size:19px;font-weight:900;color:#fff;gap:7px;white-space:nowrap;}
.pwa-nav .pwa-brand span {font-size:26px;line-height:1;}
.pwa-nav a:not(.pwa-brand)[aria-current="page"],
body.juz-home-page .pwa-nav a[href="index.html"],
body.juz-learning-page .pwa-nav a[href="learn.html"],
body.dashboard-page .pwa-nav a[href="dashboard.html"],
body:has(#lobby) .pwa-nav a[href="game.html"],
body:has(#masteryApp) .pwa-nav a[href="mastery.html"] {background:rgba(64,167,225,.28);color:#fff;}
.pwa-nav button {background:var(--mint-action);color:#fff;border:1px solid #63c593;border-radius:12px;
 min-height:42px;padding:9px 13px;font-weight:800;}
.pwa-dev {display:none!important;}
#pwa-status {font-size:10px;color:#cae8f7;max-width:175px;line-height:1.4;}
.pwa-skip:focus {background:#fff;color:#082d53;z-index:999}
/* Approved modern blue / floating-diamond welcome panel. The decorative book contains NO
   fabricated Quran verses; all genuine content remains in verified data. */
#module-one-view .welcome.juz-home {
 position:relative;isolation:isolate;overflow:hidden;
 display:grid;grid-template-columns:minmax(0,1.07fr) minmax(310px,.93fr);
 min-height:365px;gap:12px;padding:30px 34px;
 border-radius:27px;border:1px solid #3075b1!important;
 background:linear-gradient(115deg,rgba(4,39,82,.9),rgba(11,70,133,.82) 62%,rgba(13,83,144,.87))!important;
 box-shadow:0 20px 50px rgba(0,13,41,.27)!important;
}
#module-one-view .welcome.juz-home::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(circle at 77% 34%,rgba(167,222,255,.29),transparent 33%),
 url('../assets/hero-skyline-no-moon.svg') center bottom / cover no-repeat;
 opacity:.9;
}
#module-one-view .welcome.juz-home::after{display:none!important;}
#module-one-view .welcome.juz-home .welcome-copy {align-self:center;z-index:1;}
#module-one-view .welcome.juz-home h1 {font-size:clamp(58px,6vw,82px);color:#fff!important;text-shadow:0 4px 12px rgba(0,23,53,.3)!important;}
#module-one-view .welcome.juz-home .juz-home-subtitle {font-size:clamp(20px,2.3vw,29px);color:#a5ffcf!important;text-shadow:0 3px 12px rgba(0,24,47,.3)}
#module-one-view .welcome.juz-home .juz-home-description {color:#e3f1ff!important;}
#module-one-view .juz-home-kicker,#module-one-view .juz-home-fact {background:rgba(166,216,255,.15)!important;
 color:#eaf8ff!important;border:1px solid #60a3d5!important;}
#module-one-view .juz-home .welcome-actions .primary-link,
#module-one-view .juz-home .welcome-actions a.primary-link {background:linear-gradient(180deg,#26d174,#169b62)!important;
 color:#ffffff!important;border:1px solid #8be0af!important;box-shadow:0 5px 0 rgba(0,18,37,.24),0 12px 22px rgba(0,23,61,.2)!important;
 border-radius:16px!important;font-weight:900!important;min-height:51px;}
#module-one-view .juz-home .welcome-actions .secondary-link {border-color:#b7e4fa!important;color:#f3faff!important;background:rgba(5,42,84,.35)!important;}
#module-one-view .juz-home .welcome-quran-art {border:0!important;background:transparent!important;
 box-shadow:none!important;max-height:370px!important;min-height:280px!important;overflow:visible!important;margin:0!important;align-self:stretch;}
#module-one-view .juz-home .welcome-quran-art img {display:block;width:100%;height:100%;object-fit:contain!important;
 min-height:0!important;max-height:370px!important;filter:drop-shadow(0 18px 22px rgba(1,16,39,.33));}
/* Homepage pathway: darker card panels with blue actions and stronger 3D framing. */
body.juz-home-page #module-one-view .journey-v723 .juz-paths-heading h2,
body.juz-home-page #module-one-view .journey-v723 .juz-paths-eyebrow {color:#f8fbff!important;}
body.juz-home-page #module-one-view .journey-v723 .juz-paths-heading p{color:#d3eafa!important;}
body.juz-home-page #module-one-view .journey-v723 .juz-path-card,
body.juz-home-page #module-one-view .journey-assessment{
 position:relative;overflow:hidden;
 background:linear-gradient(160deg,#0a3a74 0%,#0a2f60 62%,#08264f 100%)!important;
 color:#f7fbff!important;border:1px solid rgba(73,157,244,.46)!important;border-radius:24px!important;
 box-shadow:0 20px 38px rgba(0,10,34,.40), 0 8px 18px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(8,37,84,.88)!important;
}
body.juz-home-page #module-one-view .journey-v723 .juz-path-card::before,
body.juz-home-page #module-one-view .journey-assessment::before{
 content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
 background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 28%,rgba(15,71,141,0) 60%);
}
body.juz-home-page #module-one-view .journey-v723 .journey-game-card{
 background:linear-gradient(160deg,#09376f 0%,#0a2d5f 54%,#08264f 100%)!important;
}
body.juz-home-page #module-one-view .journey-v723 .journey-learning-card{
 background:linear-gradient(160deg,#0b3e79 0%,#0b3166 54%,#082953 100%)!important;
}
body.juz-home-page #module-one-view .journey-v723 .juz-path-number,
body.juz-home-page #module-one-view .journey-assessment-step {color:#8cd2ff!important;}
body.juz-home-page #module-one-view .journey-v723 .juz-step-chip{
 display:inline-flex;align-items:center;gap:10px;align-self:flex-start;
 background:linear-gradient(180deg,rgba(14,63,116,.96),rgba(8,42,82,.96))!important;
 border:1px solid rgba(124,203,255,.45)!important;border-radius:999px!important;
 padding:8px 14px 8px 8px!important;box-shadow:0 10px 20px rgba(0,14,44,.26), inset 0 1px 0 rgba(255,255,255,.12)!important;
 color:#eef8ff!important; font-weight:900!important; line-height:1!important;
}
body.juz-home-page #module-one-view .journey-v723 .juz-step-chip .step-badge,
body.juz-home-page #module-one-view .journey-assessment .juz-step-chip .step-badge{
 display:grid;place-items:center; width:42px; height:42px; border-radius:50%;
 background:linear-gradient(180deg,#4eb5ff,#2287f1)!important; color:#fff!important;
 border:1px solid rgba(255,255,255,.25)!important; font-size:24px; font-weight:1000;
 box-shadow:0 10px 18px rgba(2,31,79,.32), inset 0 1px 0 rgba(255,255,255,.22)!important;
 text-shadow:0 1px 0 rgba(0,0,0,.16);
}
body.juz-home-page #module-one-view .journey-v723 .juz-step-chip .step-label,
body.juz-home-page #module-one-view .journey-assessment .juz-step-chip .step-label{
 color:#f4fbff!important; font-size:18px!important; font-weight:900!important; letter-spacing:0!important;
}
body.juz-home-page #module-one-view .journey-v723 .juz-path-card h3,
body.juz-home-page #module-one-view .journey-assessment h3{color:#ffffff!important;}
body.juz-home-page #module-one-view .journey-v723 .juz-path-card p,
body.juz-home-page #module-one-view .journey-assessment p {color:#d8ebff!important;}
body.juz-home-page #module-one-view .journey-v723 .juz-path-action,
body.juz-home-page #module-one-view .journey-assessment-action{
 background:linear-gradient(180deg,#2d9cff,#1c79e7)!important;border:1px solid #62b7ff!important;
 color:#fff!important;border-radius:16px!important;
 box-shadow:0 10px 18px rgba(2,38,82,.32), inset 0 1px 0 rgba(255,255,255,.24)!important;
}
body.juz-home-page #module-one-view .journey-v723 .juz-path-action:hover,
body.juz-home-page #module-one-view .journey-assessment-action:hover{
 background:linear-gradient(180deg,#43a8ff,#2b88f0)!important;border-color:#7cc4ff!important;
}
body.juz-home-page #module-one-view .journey-v723 .journey-learning-card .juz-path-icon{
 color:#bfe7ff!important;background:linear-gradient(180deg,rgba(41,145,233,.32),rgba(18,94,181,.2))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.15), 0 12px 24px rgba(1,15,45,.26)!important;
}
body.juz-home-page #module-one-view .journey-assessment-icon{
 background:linear-gradient(180deg,rgba(255,210,92,.16),rgba(151,108,0,.18))!important;color:#ffd86f!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 22px rgba(1,15,45,.22)!important;
}
body.juz-home-page #module-one-view .journey-learning-art,
body.juz-home-page #module-one-view .journey-game-art{
 display:block;width:100%;border-radius:18px;overflow:hidden;position:relative;
 border:1px solid rgba(110,196,255,.44);background:linear-gradient(180deg,#0a407d,#0a2d5c);
 box-shadow:0 12px 26px rgba(0,13,43,.30), inset 0 1px 0 rgba(255,255,255,.12);
 margin:10px 0 18px;
}
body.juz-home-page #module-one-view .journey-learning-art img,
body.juz-home-page #module-one-view .journey-game-art img{display:block;width:100%;height:auto;object-fit:cover;}
body.juz-home-page #module-one-view .journey-learning-card .juz-path-icon{margin-inline-start:auto;}
body.juz-home-page #module-one-view .journey-learning-card .juz-path-icon + .journey-learning-art{margin-top:10px;}
body.juz-home-page #module-one-view .journey-assessment{
 align-items:center;grid-template-columns:auto 1fr auto;gap:24px;padding:24px 28px!important;
}
body.juz-home-page #module-one-view .journey-assessment::after,
body.juz-home-page #module-one-view .journey-game-card::after,
body.juz-home-page #module-one-view .journey-learning-card::after{
 content:'';position:absolute;inset:auto 16px 0 auto;width:42%;height:56%;opacity:.16;pointer-events:none;
 background:radial-gradient(circle at center, rgba(109,190,255,.56), rgba(9,47,97,0) 68%);
 filter:blur(8px);
}
body.juz-home-page #module-one-view .juz-section-lead {background:rgba(245,251,255,.97)!important;border-color:#bedff2!important;}
body.juz-home-page #module-one-view .juz-section-lead h2 {color:var(--night-ink)!important;}
/* Bookshelf / learning cards: pale aqua edges, clean white Quran reading area. */
body.juz-learning-page .learning-library-header,body.juz-learning-page .learning-detail-bar {
 background:linear-gradient(120deg,#104b80,#0b3967 71%,#15699d)!important;
 border:1px solid #3c8eb7!important;color:#fff!important;
 box-shadow:0 12px 30px rgba(1,17,50,.2)!important;}
body.juz-learning-page .learning-library-header h1,body.juz-learning-page .learning-detail-bar h1 {
 color:#fff!important;text-shadow:none!important;}
body.juz-learning-page .learning-library-header p,body.juz-learning-page .learning-detail-bar p,
body.juz-learning-page .learning-detail-bar .learning-detail-meta,
body.juz-learning-page .learning-library-header .learning-library-eyebrow,
body.juz-learning-page .learning-detail-bar a {color:#e3f4ff!important;}
body.juz-learning-page #cards .item.modern-card {--card-cloud:#cdeefa;--card-edge:#afdae9;}
body.juz-learning-page #cards .item.modern-card:nth-child(4n+2) {--card-cloud:#d1f2f0;--card-edge:#aee5de;}
body.juz-learning-page #cards .item.modern-card:nth-child(4n+3) {--card-cloud:#e2eafc;--card-edge:#c7d6f3;}
body.juz-learning-page #cards .item.modern-card:nth-child(4n) {--card-cloud:#e0f4f6;--card-edge:#b3dfe5;}
body.juz-learning-page #cards .item.modern-card::before{opacity:.97!important;transform:rotate(-.65deg)!important;}
body.juz-learning-page #cards .card-face-front,body.juz-learning-page #cards .card-face-back{
 background:#f8fdff!important;color:var(--night-ink)!important;border-color:var(--card-edge)!important;
 box-shadow:0 5px 16px rgba(4,57,96,.12)!important;}
body.juz-learning-page #cards .modern-card .item-title strong{color:#0b4d76!important;}
body.juz-learning-page #cards .modern-card .type-chip {background:#e5f5fc!important;color:#125977!important;border-color:#cee9f6!important;}
body.juz-learning-page #cards .modern-card .type-chip.near {background:#fef5e4!important;color:#77531f!important;border-color:#fae5be!important;}
body.juz-learning-page #cards .modern-card .item-desc .ayah-count {background:#e0f4f7!important;color:#174b63!important;border-color:#abd9df!important;}
body.juz-learning-page #cards .modern-card .card-open-hint {background:var(--mint-action)!important;color:#fff!important;}
body.juz-learning-page #cards .modern-card .item-icon{background:#e1f6fa!important;color:#0b6594!important;border-color:#c9e9f1!important;}
body.juz-learning-page #cards .modern-card .tree {background:var(--paper-white)!important;border-color:var(--card-edge)!important;}
body.juz-learning-page #cards .modern-card .verse,
body.juz-learning-page #cards .modern-card .branch.colorful-branch,
body.juz-learning-page #cards .modern-card.same-surah .branch.colorful-branch {background:#fff!important;}
body.juz-learning-page #cards .modern-card .card-activity-intro{background:#f0faff!important;}
body.juz-learning-page #cards .modern-stage-pill.active>span{background:#0b6594!important;border-color:#0b6594!important;color:#fff!important;}
body.juz-learning-page #cards .modern-finish-btn{background:var(--mint-action)!important;border-color:var(--mint-action)!important;color:#fff!important;}
body.juz-learning-page #cards .modern-finish-btn:hover{background:var(--mint-action-hover)!important;}
body.juz-learning-page .learning-definition {background:#f3faff!important;border:1px solid #c6e6f4!important;color:var(--night-ink)!important;}
body.juz-learning-page .learning-definition summary{color:#0b557e!important;}
body.juz-learning-page #cards .card-face-front:hover,body.juz-learning-page #cards .card-face-front:focus-visible {border-color:#50a4ca!important;}
#module-one-view .scope.active,#module-one-view .filter.active{background:#0c6495!important;color:#fff!important;border-color:#0c6495!important;}
#module-one-view .scope:not(.active),#module-one-view .filter:not(.active){background:#fff!important;color:#0b5675!important;border-color:#b0dfea!important;}
body.juz-learning-page .learning-detail-navigation a,body.juz-learning-page .learning-detail-navigation button{color:#0b5f8f!important;border-color:#9fd6eb!important;background:#fff!important;}
body.juz-learning-page .juz-about-brief{background:#e8f8fd!important;border-color:#b8e2ef!important;color:#114c69!important;}
body.juz-learning-page .learning-library-header .juz-about-brief strong {color:#0f4b6c!important;}
body.juz-learning-page .learning-library-header .juz-about-brief p {color:#3a637b!important;}
/* Challenge retains its locked original blue illustrated game banner. */
#module-two-view .game-banner.illustrated-game-landing,
#module-two-view .game-mobile-banner.illustrated-game-landing {border-color:#5aa9e6!important;box-shadow:0 12px 30px rgba(0,21,55,.22)!important;}
#lobby.panel,#play.panel,#victory.panel{border-color:#b9dff2!important;box-shadow:0 15px 30px rgba(4,32,75,.16)!important;}
.round-card[data-round="0"]{background:#e4fbef!important;border-color:#bfe8d1!important;}
.round-card[data-round="1"]{background:#fff5d4!important;border-color:#f4dfad!important;}
.round-card[data-round="2"]{background:#e5f4ff!important;border-color:#bde2fb!important;}
.round-card[data-round="3"]{background:#eff0ff!important;border-color:#d9d8fa!important;}
.round-card:hover{border-color:#1b92cc!important;}
.round-card .round-foot,.surah-tag{background:#e3f3fc!important;color:#0c527e!important;}
.button,.primary{background:var(--mint-action)!important;color:#fff!important;border-color:var(--mint-action)!important;}
.progress>div{background:#1abd72!important;}
.opt.selected,.match-slot.active {border-color:#1aba79!important;background:#e4f8ed!important;}
/* Mastery and progress remain light reading surfaces on a deep blue exterior. */
.mastery-header {display:none!important;}
.mastery-wrap h1,.mastery-wrap h2,.mastery-wrap .stat strong{color:#0c3d63!important;}
.mastery-wrap .card{background:#fff!important;border-color:#bedfee!important;box-shadow:0 14px 34px rgba(0,29,62,.15)!important;}
.mastery-wrap .stat{background:#e8f7ff!important;border-color:#c2e7f5!important;}
.mastery-wrap button.primary,.mastery-wrap a.primary{background:var(--mint-action)!important;color:#fff!important;border-color:var(--mint-action)!important;}
.dashboard-page h1 {color:#fff!important;}
.dashboard-page>main>p:first-child,.dashboard-page>main>p:nth-of-type(2){color:#d4edfd!important;}
.dashboard-page section,.dashboard-page .stat {background:#fff!important;border:1px solid #c6e6f4!important;box-shadow:0 10px 28px rgba(0,25,65,.16)!important;}
.dashboard-page .stat{background:linear-gradient(150deg,#edfbff,#fff)!important;}
.dashboard-page .stat strong{color:#0a5681!important;}
.dashboard-page .action:not(.secondary),.dashboard-page button:not(.secondary):not(.danger){background:var(--mint-action)!important;color:#fff!important;border-color:var(--mint-action)!important;}
.dashboard-page .secondary{background:#e2f5fa!important;color:#0c4c74!important;}
/* Strong contrast and calm focus; no glow behind Qur'anic words. */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{
 outline:3px solid #fbbf24!important;outline-offset:3px;}
@media(max-width:900px){
 .pwa-nav {justify-content:center;}
 .pwa-nav .pwa-brand{width:100%;justify-content:center;margin:0;padding:7px;}
 .pwa-nav #pwa-status{display:none;}
}
@media(max-width:760px){
 .pwa-nav{width:calc(100% - 20px);padding:8px;gap:4px;border-radius:16px;margin:9px auto 7px;}
 .pwa-nav a:not(.pwa-brand){flex:1 1 26%;font-size:12px;min-height:46px;padding:8px 4px;}
 .pwa-nav .pwa-brand{font-size:17px;min-height:42px;}
 #module-one-view .welcome.juz-home{grid-template-columns:1fr;min-height:0;padding:19px 17px 8px;margin-top:12px;gap:2px;}
 #module-one-view .welcome.juz-home h1{font-size:clamp(50px,12vw,70px);}
 #module-one-view .welcome.juz-home .juz-home-subtitle{font-size:20px;}
 #module-one-view .juz-home .welcome-quran-art{height:175px!important;min-height:0!important;max-height:175px!important;}
 #module-one-view .juz-home .welcome-quran-art img{height:175px!important;min-height:0!important;object-fit:contain!important;}
 #module-one-view .juz-home .welcome-actions{margin-top:12px;}
 #module-one-view .welcome.juz-home::after{display:none;}
 .dashboard-page .stats{grid-template-columns:1fr;}
}
@media(max-width:420px){.pwa-nav a:not(.pwa-brand){flex-basis:29%;font-size:11.5px;}}
@media(prefers-reduced-motion:reduce){.pwa-nav a{transition:none;}}
/* Contrast corrections identified in isolated desktop/mobile review. */
body.juz-learning-page .learning-library-header .learning-breadcrumb,
body.juz-learning-page .learning-library-header .learning-eyebrow,
body.juz-learning-page .learning-detail-bar .learning-breadcrumb,
body.juz-learning-page .learning-detail-bar .learning-eyebrow,
body.juz-learning-page .learning-library-header .learning-library-count,
body.juz-learning-page .learning-detail-bar .learning-detail-meta {
 color:#d8f3ff!important;opacity:1!important;
}
body.juz-learning-page .learning-library-header a.learning-breadcrumb:hover,
body.juz-learning-page .learning-detail-bar a.learning-breadcrumb:hover{color:#fff!important;text-decoration:underline;}
body.juz-learning-page .learning-library-header .learning-definition,
body.juz-learning-page .learning-detail-bar .learning-definition{
 background:#f1fbff!important;color:#134561!important;
 border:1px solid #c2e4f1!important;
}
body.juz-learning-page .learning-library-header .learning-definition summary,
body.juz-learning-page .learning-detail-bar .learning-definition summary{color:#0a5078!important;}
body .copyright-footer,body .copyright-footer p,body .copyright-footer a,
body.juz-home-page .copyright-footer,body.juz-learning-page .copyright-footer{
 color:#d1e6f6!important;opacity:1!important;
}
body .copyright-footer {border-color:#426b94!important;}
/* Card completion is visually warmer than discovery, without suggesting mastery. */
body.juz-learning-page #cards .modern-card.is-completed .card-face-back{
 background:linear-gradient(155deg,#fbfffd,#e8f7ef 48%,#eef9ff)!important;
}
body.juz-learning-page #cards .card-back-tag{background:#e9f8f0!important;color:#0f6a45!important;border:1px solid #c5ebd6!important;}
@media(max-width:760px){
 body.juz-learning-page .learning-library-header,body.juz-learning-page .learning-detail-bar{
  border-radius:20px!important;
 }
 body.juz-learning-page .learning-library-header h1,body.juz-learning-page .learning-detail-bar h1{
  font-size:clamp(27px,8vw,39px)!important;
 }
}
/* Higher specificity than the inherited v7.14 card-colour rotation.
   All decorative clouds belong to one aqua/ice-blue family. */
body.juz-learning-page #module-one-view #cards .item.modern-card {
 --card-cloud:#daf2fc!important;--card-edge:#b6deec!important;
}
body.juz-learning-page #module-one-view #cards .item.modern-card:nth-child(4n+2){
 --card-cloud:#d9f5f4!important;--card-edge:#addfdd!important;
}
body.juz-learning-page #module-one-view #cards .item.modern-card:nth-child(4n+3){
 --card-cloud:#e3f0ff!important;--card-edge:#bbdbf4!important;
}
body.juz-learning-page #module-one-view #cards .item.modern-card:nth-child(4n){
 --card-cloud:#dbf0fc!important;--card-edge:#bdddf1!important;
}
body.juz-learning-page #module-one-view #cards .item.modern-card::before{
 background:var(--card-cloud)!important;
}


/* R1.0: light-surface text contrast audit — do not inherit blue-header text
   colour into pale explanation panels, filter panels or lesson surfaces. */
body.juz-learning-page .learning-library-header .learning-definition p,
body.juz-learning-page .learning-detail-bar .learning-definition p,
body.juz-learning-page .learning-library-header details.learning-definition p,
body.juz-learning-page .learning-detail-bar details.learning-definition p,
body.juz-home-page .mutashabehat-definition p,
body.juz-learning-page .mutashabehat-definition p {
 color:#19445b!important;opacity:1!important;text-shadow:none!important;
}
body.juz-learning-page .learning-library-header .learning-definition summary,
body.juz-learning-page .learning-detail-bar .learning-definition summary,
body.juz-home-page .mutashabehat-definition h3,
body.juz-learning-page .mutashabehat-definition h3{
 color:#093e60!important;opacity:1!important;text-shadow:none!important;
}
body.juz-learning-page .learning-library-header .learning-definition,
body.juz-learning-page .learning-detail-bar .learning-definition{
 background:#f4fbff!important;border:1px solid #badbea!important;
}
/* Always ensure dark lettering on pale tutorial and selection surfaces. */
body.juz-learning-page .learning-library-header .learning-definition *,
body.juz-learning-page .learning-detail-bar .learning-definition * {
 text-shadow:none!important;
}
body.juz-learning-page .learning-library-header .juz-about-brief p,
body.juz-learning-page .learning-detail-bar .juz-about-brief p{
 color:#19445b!important;opacity:1!important;
}
body.juz-home-page .mutashabehat-definition,
body.juz-learning-page .mutashabehat-definition{
 background:#f1faff!important;color:#153e57!important;
}
body.juz-learning-page .modern-card .card-activity-intro,
body.juz-learning-page #cards .modern-card .card-activity-intro{
 color:#153e57!important;
}
/* Action hierarchy: one vivid green call to action, calm blue in repeating card lists.
   Frequent card buttons stay blue to avoid a screen full of competing green CTAs. */
#module-one-view .juz-home .welcome-actions .primary-link,
#module-one-view .juz-home .welcome-actions a.primary-link{
 background:linear-gradient(180deg,#26d174,#169b62)!important;color:#ffffff!important;
}
body.juz-learning-page #cards .modern-card .card-open-hint{
 background:var(--mint-action)!important;color:#fff!important;
}

/* Artwork adapted from the locked approved banner; interactive typography
   and links deliberately remain live HTML, not flattened into a picture. */
#module-one-view .juz-home .welcome-quran-art img[src*="hero-book-diamonds"]{
 mask-image:radial-gradient(ellipse 72% 68% at 50% 55%,black 60%,transparent 98%);
 -webkit-mask-image:radial-gradient(ellipse 72% 68% at 50% 55%,black 60%,transparent 98%);
 filter:none!important;
}

/* Library count: the inherited pale translucent chip was unreadable. */
body.juz-learning-page .learning-library-header .learning-library-count,
body.juz-learning-page .learning-detail-bar .learning-library-count{
 background:rgba(4,42,79,.72)!important;
 border:1px solid #7bbfe0!important;
 color:#ffffff!important;
 opacity:1!important;
 text-shadow:none!important;
 min-height:34px;
}
/* Apply the bright primary green only where it communicates an explicit action
   or progress, never to the repeated catalogue open-button grid. */
body.juz-learning-page #cards .modern-card.is-completed .card-face-front{
 border-color:#a9dacc!important;
}
body.juz-learning-page #cards .modern-card.is-completed .card-status,
body.juz-learning-page #cards .modern-card.is-completed .completion-indicator{
 color:#0d7049!important;
}
body.juz-learning-page #cards .modern-card.is-completed .card-face-back .card-back-heading{color:#0d4f46!important;}
body.juz-learning-page #cards .modern-card.is-completed .card-face-back .card-back-subtitle,
body.juz-learning-page #cards .modern-card.is-completed .card-face-back .card-back-summary{color:#47697a!important;}
body.juz-learning-page #cards .modern-card.is-completed .card-back-replay{
 color:#0f6a45!important;background:#effaf4!important;border-color:#c8ead7!important;
}
body.juz-learning-page #cards .modern-card.is-completed .card-back-primary{
 background:#ffffff!important;border:1px solid #b9e3cb!important;color:#0f6a45!important;
}
body.juz-learning-page #cards .modern-card.is-completed .card-back-secondary,
body.juz-learning-page #cards .modern-card.is-completed .card-back-actions button:last-child{
 background:var(--mint-action)!important;border:1px solid var(--mint-action)!important;color:#fff!important;
}
body.juz-learning-page #cards .modern-card .card-open-hint:hover,
body.juz-learning-page #cards .modern-card .card-back-secondary:hover,
body.juz-learning-page #cards .modern-card .card-back-actions button:last-child:hover,
.button:hover,.primary:hover,.dashboard-page .action:not(.secondary):hover,
.dashboard-page button:not(.secondary):not(.danger):hover,
.mastery-wrap button.primary:hover,.mastery-wrap a.primary:hover{
 background:var(--mint-action-hover)!important;border-color:var(--mint-action-hover)!important;
}


@media (max-width: 720px){
  body.juz-home-page #module-one-view .journey-assessment{grid-template-columns:1fr!important;text-align:right!important;}
  body.juz-home-page #module-one-view .journey-assessment-action{width:100%;justify-content:center;}
}

/* RELEASE 1.0 HOME CONSOLIDATION — Hero, three activity pathways, overview,
   and optional Mufradat. Qur'anic verse colours and content are untouched. */
body.juz-home-page #module-one-view .welcome.juz-home h1{
  font-size:clamp(65px,7.6vw,104px)!important;
  line-height:1.28!important;
  letter-spacing:0!important;
}
body.juz-home-page #module-one-view .juz-home-kicker{
  color:#e5f5ff!important;background:rgba(46,131,204,.26)!important;
  border:1px solid #66acdf!important;border-radius:999px!important;
}
body.juz-home-page #module-one-view .juz-home .welcome-actions .primary-link,
body.juz-home-page #module-one-view .juz-home .welcome-actions a.primary-link{
  background:linear-gradient(180deg,#36e982,#18c76d)!important;
  color:#073b61!important;border-color:#86efad!important;
  text-shadow:none!important;
}
body.juz-home-page #module-one-view .juz-home .welcome-actions .primary-link:hover{
  background:linear-gradient(180deg,#51ef95,#20cd75)!important;
  color:#073b61!important;
}
body.juz-home-page .pwa-nav button,
body.juz-home-page #module-one-view a[style*="background:#25d366"]{
  color:#073b61!important;
}
body.juz-home-page #module-one-view .journey-v723 .journey-learning-card .juz-path-icon{display:none!important;}
body.juz-home-page #module-one-view .journey-v723 .journey-learning-art,
body.juz-home-page #module-one-view .journey-v723 .journey-game-art{
  border-radius:17px!important;
  border:1px solid #488ed2!important;
  background:#0b3e76!important;
  box-shadow:0 11px 20px rgba(0,18,56,.35),inset 0 1px 0 rgba(255,255,255,.12)!important;
  margin:13px 0 18px!important;
}
body.juz-home-page #module-one-view .journey-v723 .journey-learning-art img,
body.juz-home-page #module-one-view .journey-v723 .journey-game-art img{
  display:block;width:100%;height:205px!important;object-fit:cover!important;
}
body.juz-home-page #module-one-view .journey-v723 .journey-learning-art img{object-position:center center!important;}
body.juz-home-page #module-one-view .journey-v723 .journey-game-art img{object-fit:contain!important;background:#0a3e77;}
body.juz-home-page #module-one-view .journey-v723 .journey-assessment{
  display:grid!important;direction:rtl;
  grid-template-columns:minmax(0,1fr) minmax(280px,.88fr)!important;
  grid-template-rows:auto auto!important;gap:10px 26px!important;
  min-height:240px!important;align-items:center!important;
  padding:18px 24px!important;
}
body.juz-home-page #module-one-view .journey-assessment-icon{display:none!important;}
body.juz-home-page #module-one-view .journey-assessment-copy{
  grid-column:1;grid-row:1;align-self:end;z-index:2;
}
body.juz-home-page #module-one-view .journey-assessment-action{
  grid-column:1;grid-row:2;align-self:start;justify-self:start;z-index:2;
  min-width:180px;
}
body.juz-home-page #module-one-view .journey-assessment-art{
  grid-column:2;grid-row:1 / span 2;z-index:1;
  margin:0;overflow:hidden;border-radius:20px;
  box-shadow:0 12px 30px rgba(0,13,45,.30), inset 0 1px 0 rgba(255,255,255,.15);
  border:1px solid rgba(123,194,255,.4);
}
body.juz-home-page #module-one-view .journey-assessment-art img{
  display:block;width:100%;height:224px;object-fit:cover;
}
body.juz-home-page #module-one-view .journey-assessment h3{margin-top:7px!important;}
/* Overview: calm information surface, modern mono-style iconography. */
body.juz-home-page #module-one-view .surah-guide{
  background:#f7fbff!important;border:1px solid #b9d9ec!important;
  border-radius:23px!important;padding:21px 24px!important;
  box-shadow:0 13px 27px rgba(0,23,63,.16)!important;
}
body.juz-home-page #module-one-view .surah-guide>summary{
  font-size:clamp(18px,2vw,23px)!important;color:#103f66!important;
  font-weight:900!important;padding:3px 0!important;
}
body.juz-home-page #module-one-view .surah-guide[open]>summary{
  border-bottom:1px solid #cee4f1!important;padding-bottom:16px!important;
}
body.juz-home-page #module-one-view .guide-intro{
  padding:17px 4px 9px!important;gap:14px!important;
}
body.juz-home-page #module-one-view .guide-intro .guide-icon{
  background:#dceffa!important;color:#17669a!important;border-radius:16px!important;
  height:54px;width:54px;flex-shrink:0;
}
body.juz-home-page #module-one-view .guide-intro .guide-icon svg{height:31px;width:31px;}
body.juz-home-page #module-one-view .guide-intro h2{color:#103f66!important;}
body.juz-home-page #module-one-view .guide-intro p{
  color:#355b76!important;font-size:clamp(14px,1.3vw,16px)!important;line-height:1.9!important;
}
body.juz-home-page #module-one-view .juz-facts{gap:12px!important;}
body.juz-home-page #module-one-view .juz-facts .fact,
body.juz-home-page #module-one-view .juz-facts .fact:nth-child(n){
  background:#e9f5fc!important;border:1px solid #c3e1ef!important;
  min-height:112px!important;border-radius:17px!important;
  box-shadow:0 5px 12px rgba(17,66,112,.05)!important;
}
body.juz-home-page #module-one-view .juz-facts .fact:nth-child(even){background:#f2faff!important;}
body.juz-home-page #module-one-view .juz-facts .fact-icon{display:grid;place-items:center;color:#176c9b!important;}
body.juz-home-page #module-one-view .juz-facts .fact-icon svg{width:25px;height:25px;}
body.juz-home-page #module-one-view .juz-facts .fact-label{color:#496982!important;}
body.juz-home-page #module-one-view .juz-facts .fact strong{color:#0c466e!important;}
body.juz-home-page #module-one-view .surah-list-heading{display:none!important;}
body.juz-home-page #module-one-view #surahDisclosure>summary{
  color:#0b6093!important;background:#edf7fd!important;border:1px solid #c2e2f1!important;
  border-radius:14px!important;padding:13px 16px!important;
}
/* Mufradat remains last, optional and intentionally visually quieter. */
body.juz-home-page #module-one-view #optionalLibrary{
  background:#eaf6fd!important;border:1px solid #badcec!important;
  border-radius:22px!important;box-shadow:0 14px 30px rgba(0,25,58,.17)!important;
  overflow:hidden;
}
body.juz-home-page #module-one-view #optionalLibrary>summary{
  color:#10476d!important;background:#eaf6fd!important;
  display:flex!important;align-items:center;justify-content:space-between;gap:12px;
  padding:19px 23px!important;font-size:clamp(17px,2vw,21px)!important;
  font-weight:900!important;
}
body.juz-home-page #module-one-view #optionalLibrary>summary small{
  font-size:12px;color:#195b80;background:#f9fdff;border:1px solid #c6e2ef;
  border-radius:999px;padding:5px 12px;font-weight:800;
}
body.juz-home-page #module-one-view #optionalLibrary[open]>summary{
  border-bottom:1px solid #c9e4f0!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-section{
  background:#fafdff!important;border:1px solid #d1e7f1!important;
  margin:12px 14px 14px!important;border-radius:20px!important;
  box-shadow:none!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-header{
  background:linear-gradient(110deg,#edf8ff,#dfedf7)!important;
  border-bottom:1px solid #c6e1ee!important;
  padding:20px 24px!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-heading h2{
  color:#103956!important;font-size:clamp(22px,2.5vw,29px)!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-kicker{color:#1c638d!important;}
body.juz-home-page #module-one-view #optionalLibrary .signature-heading p{
  color:#436782!important;line-height:1.9!important;font-size:14px!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-logo{
  background:#d6eafa!important;color:#176a9c!important;border:1px solid #bbdce9!important;
  height:65px;width:65px;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-logo svg{height:45px;width:45px;}
body.juz-home-page #module-one-view #optionalLibrary .signature-selector-panel{
  background:#edf7fe!important;border-color:#d2e6f0!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-verse-panel{
  background:#fcfeff!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-label-row label,
body.juz-home-page #module-one-view #optionalLibrary .signature-search-label,
body.juz-home-page #module-one-view #optionalLibrary .signature-subheading h3{
  color:#0e4e75!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-word-card{
  background:#fff!important;border:1px solid #c4deee!important;color:#123e61!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-word-card[aria-pressed=true]{
  background:#dceefa!important;border-color:#1774ae!important;color:#0b4c75!important;
  box-shadow:0 4px 13px rgba(26,103,164,.16)!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-word-card strong,
body.juz-home-page #module-one-view #optionalLibrary .signature-selected-word,
body.juz-home-page #module-one-view #optionalLibrary .signature-verse{
  color:#153f62!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-verse{
  background:#fff!important;border:1px solid #c7e2ef!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-verse mark{
  background:#fff2cd!important;color:#163f63!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-instruction{
  background:#e5f2fa!important;color:#285a7c!important;border:1px solid #c4e2ef!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-expand{
  background:#126a9e!important;color:#fff!important;border-color:#126a9e!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-ayah-tabs button[aria-pressed=true]{
  background:#146f9e!important;border-color:#146f9e!important;color:#fff!important;
}
body.juz-home-page #module-one-view #optionalLibrary .signature-footnote{
  color:#365c78!important;background:#f7fbff!important;border-color:#d5e9f2!important;
}
@media(max-width:820px){
 body.juz-home-page #module-one-view .journey-v723 .journey-assessment{
   grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;
   gap:14px!important;
 }
 body.juz-home-page #module-one-view .journey-assessment-art{
   grid-column:1!important;grid-row:2!important;width:100%;max-height:185px;
 }
 body.juz-home-page #module-one-view .journey-assessment-art img{height:185px!important;}
 body.juz-home-page #module-one-view .journey-assessment-copy{grid-column:1!important;grid-row:1!important;}
 body.juz-home-page #module-one-view .journey-assessment-action{grid-column:1!important;grid-row:3!important;width:100%;justify-self:stretch!important;justify-content:center;}
 body.juz-home-page #module-one-view #optionalLibrary .signature-word-grid{
   max-height:270px;overflow-y:auto;overscroll-behavior:contain;padding:3px;
 }
}
@media(max-width:560px){
 body.juz-home-page #module-one-view .welcome.juz-home h1{font-size:clamp(52px,14vw,74px)!important;}
 body.juz-home-page #module-one-view .journey-v723 .journey-learning-art img{height:165px!important;}
 body.juz-home-page #module-one-view .journey-v723 .journey-game-art img{height:100%!important;}
 body.juz-home-page #module-one-view .journey-v723 .juz-step-chip,
 body.juz-home-page #module-one-view .journey-assessment .juz-step-chip{padding:7px 12px 7px 7px!important;gap:8px!important;}
 body.juz-home-page #module-one-view .journey-v723 .juz-step-chip .step-badge,
 body.juz-home-page #module-one-view .journey-assessment .juz-step-chip .step-badge{width:36px!important;height:36px!important;font-size:20px!important;}
 body.juz-home-page #module-one-view .journey-v723 .juz-step-chip .step-label,
 body.juz-home-page #module-one-view .journey-assessment .juz-step-chip .step-label{font-size:15px!important;}
 body.juz-home-page #module-one-view .surah-guide{padding:16px!important;}
 body.juz-home-page #module-one-view .guide-intro{align-items:start!important;}
 body.juz-home-page #module-one-view .juz-facts .fact{min-height:100px!important;}
 body.juz-home-page #module-one-view #optionalLibrary>summary{padding:17px!important;}
 body.juz-home-page #module-one-view #optionalLibrary .signature-section{margin:9px!important;}
 body.juz-home-page #module-one-view #optionalLibrary .signature-header{padding:18px!important;}
}

/* Homepage game art: same full-width frame as the adjacent learning picture.
   Explicitly override the older .journey-game-art max-width:465px; the
   native game SVG remains unchanged and the crop is purely presentational. */
body.juz-home-page #module-one-view .journey-v723 .journey-game-card .journey-game-art{
 display:block!important;box-sizing:border-box!important;
 width:100%!important;max-width:none!important;min-width:0!important;
 height:207px!important;aspect-ratio:auto!important;
 padding:0!important;margin:13px 0 18px!important;
 background:#0e4b8e!important;
 border-radius:17px!important;overflow:hidden!important;
}
body.juz-home-page #module-one-view .journey-v723 .journey-game-card .journey-game-art .game-banner-image{
 display:block!important;width:100%!important;height:100%!important;
 object-fit:cover!important;object-position:50% 50%!important;
 transform:none!important;max-width:none!important;border-radius:0!important;
 background:#0e4b8e!important;
}
@media(max-width:560px){
 body.juz-home-page #module-one-view .journey-v723 .journey-game-card .journey-game-art{
  height:167px!important;
 }
 body.juz-home-page #module-one-view .journey-v723 .journey-game-card .journey-game-art .game-banner-image{
  height:100%!important;
 }
}

/* October 2026 full-site palette and card-frame audit.
   Approved components: blue activity CTAs, emerald discovery/completion,
   white Qur'an reading areas; no change to verse/surah colour identity. */
:root{
  --ui-blue:#1678d4;
  --ui-blue-hover:#1167b7;
  --ui-blue-border:#65b9fa;
  --ui-ink:#103956;
  --ui-surface:#ffffff;
  --ui-surface-calm:#f2f9ff;
  --ui-line:#b9dbe9;
  --ui-progress:#169b62;
}
/* Cards: replace inherited rotated organic clouds and multi-coloured backing sheets
   with one consistent, thin frame and uncluttered 3D card flip. */
body.juz-learning-page #module-one-view #cards.grid{
  gap:clamp(18px,2.3vw,28px)!important;
  padding:12px 1px 26px!important;
}
body.juz-learning-page #module-one-view #cards .item.modern-card,
body.juz-learning-page #module-one-view #cards .item.modern-card:nth-child(n){
  --card-cloud:#e6f5fc!important;
  --card-edge:#b8deef!important;
  background:transparent!important;border:0!important;
  box-shadow:none!important;padding:0!important;
  border-radius:22px!important;transform:none!important;
}
body.juz-learning-page #module-one-view #cards .item.modern-card::before,
body.juz-learning-page #module-one-view #cards .item.modern-card::after{
  display:none!important;content:none!important;
}
body.juz-learning-page #module-one-view #cards .card-flip-scene{
  border-radius:22px!important;
  box-shadow:0 14px 29px rgba(0,20,55,.22),0 2px 5px rgba(0,31,71,.10)!important;
  background:#fbfeff!important;
}
body.juz-learning-page #module-one-view #cards .card-face-front,
body.juz-learning-page #module-one-view #cards .card-face-back,
body.juz-learning-page #module-one-view #cards .modern-card.same-surah .card-face-front{
  background:linear-gradient(160deg,#fff,#f5fbff)!important;
  border:1px solid var(--card-edge)!important;
  border-radius:22px!important;
  box-shadow:none!important;
  color:var(--ui-ink)!important;
}
body.juz-learning-page #module-one-view #cards .card-face-front:hover,
body.juz-learning-page #module-one-view #cards .card-face-front:focus-visible{
  border-color:#65b6de!important;
  box-shadow:inset 0 0 0 1px #b7e5f4!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.open .card-face-front{
  border-radius:22px 22px 0 0!important;
  border-bottom:0!important;
  background:#fff!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.open .tree{
  background:#fff!important;
  border:1px solid var(--card-edge)!important;
  border-top:1px solid #e5f2f9!important;
  border-radius:0 0 22px 22px!important;
  box-shadow:none!important;
}
body.juz-learning-page #module-one-view #cards .modern-card .type-chip:not(.near){
  background:#e6f5fc!important;
  border-color:#c7e7f4!important;
  color:#15587b!important;
}
body.juz-learning-page #module-one-view #cards .modern-card .card-open-hint{
  border:1px solid #138453!important;
  background:var(--mint-action)!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(6,76,51,.15)!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-face-back{
  background:linear-gradient(160deg,#fff,#e9f8f2 70%,#eaf7fc)!important;
  border:1px solid #a5d9c3!important;
}
body.juz-learning-page #module-one-view #cards .card-back-summary{
  background:#f0f9f5!important;border-color:#cfeadc!important;color:#185c47!important;
}
body.juz-learning-page #module-one-view #cards .card-back-secondary{
  background:var(--mint-action)!important;border-color:var(--mint-action)!important;color:#fff!important;
}
/* Scope, filter and pagination controls: consistent blue instead of old teal. */
body.juz-learning-page #module-one-view :is(.scope.active,.filter.active){
  background:var(--ui-blue)!important;border-color:var(--ui-blue)!important;color:#fff!important;
}
body.juz-learning-page #module-one-view :is(.scope:not(.active),.filter:not(.active)){
  background:#fff!important;border-color:var(--ui-line)!important;color:#155979!important;
}
body.juz-learning-page #module-one-view #cards .modern-more-wrap button{
  border:1px solid var(--ui-blue-border)!important;background:#eef8ff!important;color:#0d5586!important;
}
/* Game and assessment actions are equivalent choices in the learning journey.
   Do not make their buttons emerald: that colour is reserved for discovery
   and for progress/completion signals. */
body:has(#lobby) :is(button.primary,.button,.primary),
body:has(#masteryApp) :is(button.primary,a.primary,.button,.primary),
body.dashboard-page :is(.action:not(.secondary),button:not(.secondary):not(.danger)){
  background:var(--ui-blue)!important;border:1px solid var(--ui-blue-border)!important;color:#fff!important;
}
body:has(#lobby) :is(button.primary,.button,.primary):hover,
body:has(#masteryApp) :is(button.primary,a.primary,.button,.primary):hover,
body.dashboard-page :is(.action:not(.secondary),button:not(.secondary):not(.danger)):hover{
  background:var(--ui-blue-hover)!important;border-color:var(--ui-blue-border)!important;
}
body:has(#lobby) :is(#lobby.panel,#play.panel,#victory.panel,#finish.panel),
body:has(#masteryApp) .mastery-wrap :is(.card,.stat),
body.dashboard-page :is(section,.stat){
  border-radius:21px!important;
  border:1px solid #bcdbe9!important;
  box-shadow:0 14px 27px rgba(0,23,61,.18)!important;
}
body:has(#lobby) .round-card{
  box-shadow:0 4px 10px rgba(0,30,65,.06)!important;
  border-radius:17px!important;
}
body:has(#lobby) .round-card[data-round="0"]{background:#ebf9ff!important;border-color:#b8e5f4!important;}
body:has(#lobby) .round-card[data-round="1"]{background:#f4f8ff!important;border-color:#c8dcf1!important;}
body:has(#lobby) .round-card[data-round="2"]{background:#eef6fd!important;border-color:#c3e3f3!important;}
body:has(#lobby) .round-card[data-round="3"]{background:#fff6e5!important;border-color:#eedda9!important;}
body:has(#lobby) .progress>div{background:var(--ui-progress)!important;}
body:has(#lobby) .opt.selected{background:#e2f5fc!important;border-color:#4f9bcc!important;}
body:has(#masteryApp) .mastery-wrap :is(.stat,.card){color:var(--ui-ink)!important;}
body.dashboard-page .secondary{background:#edf7fc!important;color:#14587e!important;border:1px solid #bfe1ed!important;}
/* Navigation, focus and feedback. Green hero always has dark blue text. */
body.juz-home-page #module-one-view .juz-home .welcome-actions .primary-link,
body.juz-home-page #module-one-view .juz-home .welcome-actions a.primary-link{
  color:#073b61!important;
}
body .pwa-nav button:not(:disabled){background:var(--mint-action)!important;color:#fff!important;}
body .pwa-nav .pwa-brand{color:#fff!important;}
@media(max-width:760px){
 body.juz-learning-page #module-one-view #cards.grid{gap:17px!important;padding-inline:3px!important;}
 body.juz-learning-page #module-one-view #cards .modern-card .card-flip-scene{border-radius:19px!important;}
 body.juz-learning-page #module-one-view #cards .card-face-front,
 body.juz-learning-page #module-one-view #cards .card-face-back{border-radius:19px!important;}
}
/* Readability audit follow-up: small counts must remain readable on dark panels. */
body.juz-learning-page #module-one-view .result-info,
body.juz-learning-page #module-one-view #resultInfo{
  color:#e1f2ff!important;opacity:1!important;text-shadow:none!important;
}
body.juz-learning-page .learning-library-header .learning-library-count,
body.juz-learning-page .learning-detail-bar .learning-detail-progress,
body.juz-learning-page .learning-detail-bar #learning-detail-progress{
  color:#fff!important;opacity:1!important;
  background:#0b3967!important;border:1px solid #66b5db!important;
  text-shadow:none!important;
}
body.juz-learning-page .learning-detail-bar .learning-detail-navigation button:disabled{
  background:#e8f1f8!important;color:#355f79!important;opacity:1!important;
}
/* Keep icon chips understated in white reading areas. */
body.juz-learning-page #module-one-view #cards .modern-card .item-icon{
  background:#eff8fc!important;border-color:#d2eaf3!important;color:#155f83!important;
}
/* Uniform catalogue silhouettes even when one card has been completed. */
body.juz-learning-page #module-one-view #cards .modern-card:not(.open) .card-flip-rotor,
body.juz-learning-page #module-one-view #cards .modern-card:not(.open) .card-face-front{
  min-height:310px!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-flip-rotor,
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-face-front,
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-face-back{
  min-height:310px!important;
}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-star{width:69px!important;height:67px!important;}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-star svg{width:64px!important;height:64px!important;}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-face-back{gap:6px!important;padding:14px!important;}
body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-back-heading{font-size:clamp(18px,1.8vw,22px)!important;}
@media(max-width:600px){
  body.juz-learning-page #module-one-view #cards .modern-card:not(.open) .card-flip-rotor,
  body.juz-learning-page #module-one-view #cards .modern-card:not(.open) .card-face-front,
  body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-flip-rotor,
  body.juz-learning-page #module-one-view #cards .modern-card.is-completed .card-face-back{min-height:320px!important;}
}
/* Explicit link treatment; eliminate browser-default electric-blue link colour. */
body.dashboard-page main a:not(.action),
body:has(#masteryApp) .mastery-wrap a:not(.primary):not(.action),
body:has(#lobby) main a:not(.primary):not(.button),
body.juz-home-page #module-one-view .signature-section a{
  color:#0d6094!important;text-decoration-color:#91c4de!important;text-underline-offset:3px;
}
body.dashboard-page main a:not(.action):hover,
body:has(#masteryApp) .mastery-wrap a:not(.primary):hover,
body:has(#lobby) main a:not(.primary):not(.button):hover{
  color:#084b79!important;
}