/* Similarities first · distinguish wording · retrieve from memory.
   Scoped to Module 1; does not alter the rendering or text of any Qur'anic verse. */
#module-one-view #cards .card-step-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-bottom:13px}
#module-one-view #cards .card-step-bar span{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b7d0c9;background:#f4f8f6;color:#38645d;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:750;min-height:35px}
#module-one-view #cards .card-step-bar span.current{background:#0d5963;color:#fff;border-color:#0d5963}
#module-one-view #cards .card-stage-heading{font-size:clamp(17px,2.5vw,21px);line-height:1.7;text-align:center;color:#113f49;margin:0 0 8px;font-weight:850}
#module-one-view #cards .card-activity-intro{padding:16px;border-color:#c4dad3;background:#f3f8f5}
#module-one-view #cards .similarity-focus{background:#fffdf7;border-right:3px solid #95743d;padding:8px 11px}
#module-one-view #cards .verse .difference-word.shared-selected{background:#d1e8f7!important;border:1px solid #28729d!important;color:#103b5c!important;box-shadow:inset 0 -2px #28729d}
#module-one-view #cards .verse .shared-known{display:inline-block;background:#dceef4;color:#18485b;border-bottom:2px solid #68a4b4;border-radius:6px;padding:0 3px;white-space:normal;direction:rtl;unicode-bidi:isolate}
#module-one-view #cards .verse .shared-readonly{display:inline-block;padding:0 3px;white-space:normal;direction:rtl;unicode-bidi:isolate}
#module-one-view #cards .verse .difference-word.word-marked{background:#fff0d6!important;color:#624210!important;border-color:#ae833c!important;box-shadow:inset 0 -2px #b38942}
#module-one-view #cards .verse .difference-word.word-hint{background:#fff6e7!important;border:1px dashed #af8751!important}
#module-one-view #cards .verse .difference-word:focus-visible{outline:3px solid #164d5f;outline-offset:3px}
#module-one-view #cards .recall-activity{background:#fff;border:1px solid #cadad3;padding:17px;border-radius:15px;display:grid;gap:14px;margin:12px 0}
#module-one-view #cards .recall-activity>p:first-child{text-align:center;font-weight:750;color:#244c52;line-height:1.85;margin:0}
#module-one-view #cards .recall-blank{border:1px dashed #b7c9c4;border-radius:13px;background:#f6faf8;padding:18px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
#module-one-view #cards .recall-blank span{font-size:13px;background:white;color:#244c52;border-radius:8px;padding:5px 10px;border:1px solid #dce7e2}
#module-one-view #cards .recall-blank p{width:100%;text-align:center;color:#486264;font-size:14px;line-height:1.85;margin:7px 0 0}
#module-one-view #cards .recall-verses{display:grid;gap:10px}
#module-one-view #cards .recall-verse{padding:12px 10px;border:1px solid #d8e5e0;border-radius:11px;background:#f7faf8;text-align:center}
#module-one-view #cards .recall-verse small{display:block;color:#526966;margin:0 0 6px}
#module-one-view #cards .recall-activity .quiz-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
#module-one-view #cards .recall-activity .quiz-actions button{min-height:46px;min-width:155px;flex:1 1 170px;margin:0}
#module-one-view #cards .recall-note{text-align:center;color:#526966;font-size:12px;line-height:1.8;margin:0}
#module-one-view #cards .branches .verse-words>.shared-known,#module-one-view #cards .branches .verse-words>.shared-readonly{flex:0 0 auto;max-width:100%;font-family:inherit;line-height:inherit}
#module-one-view #cards .card-activity-intro .similarity-focus>strong{overflow-wrap:anywhere}
@media(max-width:540px){#module-one-view #cards .card-step-bar{gap:5px}#module-one-view #cards .card-step-bar span{font-size:11px;padding:5px 8px}#module-one-view #cards .recall-activity{padding:12px}#module-one-view #cards .recall-blank{padding:12px}#module-one-view #cards .recall-activity .quiz-actions button{min-width:0;flex-basis:100%}}

#module-one-view #cards .memory-connection{border:1px solid #b9d1c9;border-radius:12px;background:#f2f8f5;padding:10px 14px;color:#22434b}
#module-one-view #cards .memory-connection summary{cursor:pointer;font-weight:850;min-height:40px;display:list-item;line-height:2}
#module-one-view #cards .memory-connection p{font-size:13px;line-height:1.9;margin:6px 0}
#module-one-view #cards .memory-connection p b{color:#1c4d55}

/* v7.3 — Minimal instruction cues: verses, not instructional panels, are the focus. */
#module-one-view #cards .card-activity-intro{display:flex;align-items:center;gap:8px;direction:rtl;background:#f5f9f7;border:1px solid #d7e5df;border-radius:10px;padding:8px 11px;margin:0 0 12px;min-height:39px;box-shadow:none}
#module-one-view #cards .card-activity-intro .card-stage-heading{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#module-one-view #cards .card-cue-icon{width:25px;height:25px;flex:0 0 25px;display:inline-flex;align-items:center;justify-content:center;background:#e2eeeb;color:#13535b;border-radius:8px}
#module-one-view #cards .card-cue-icon svg{height:16px;width:16px;display:block}
#module-one-view #cards .card-cue-text{font-size:13px;line-height:1.6;font-weight:650;color:#28505a;text-align:right;flex:1;min-width:0}
#module-one-view #cards .card-step-count{flex:none;font-size:11px;color:#58746f;white-space:nowrap;font-weight:750;direction:rtl}
#module-one-view #cards .compact-learning-focus{margin:12px 0 4px;padding:7px 11px;border:1px solid #dce8e3;border-radius:9px;background:#f8faf9;color:#375f60}
#module-one-view #cards .compact-learning-focus summary{cursor:pointer;font-size:12px;font-weight:650;line-height:1.65}
#module-one-view #cards .compact-learning-focus .learning-focus-items{margin:8px 0 2px}
#module-one-view #cards .compact-learning-focus .learning-focus-items span{font-size:12px}
#module-one-view #cards .recall-activity{padding:12px;margin:8px 0;gap:10px}
#module-one-view #cards .recall-blank{padding:10px;gap:6px}
#module-one-view #cards .recall-blank span{font-size:12px}
#module-one-view #cards .text-tools{margin:8px 0 2px;justify-content:center}
#module-one-view #cards .branches{margin:0}
@media(max-width:540px){
 #module-one-view #cards .card-activity-intro{padding:7px 9px;gap:7px;margin-bottom:10px}
 #module-one-view #cards .card-cue-icon{width:24px;height:24px;flex-basis:24px}
 #module-one-view #cards .card-cue-text{font-size:12.5px;line-height:1.55}
 #module-one-view #cards .card-step-count{font-size:10px}
}

/* v7.5 - Shared-phrase comparisons teach continuation through recall, not long word lists. */
#module-one-view #cards .recall-continuation-prompt{text-align:center;color:#28505a;font-size:13px;font-weight:650;line-height:1.8;margin:0 0 3px}

/* v7.6 — subtle repeated-word preview; no boxes around unrelated words. */
#module-one-view #cards .verse .shared-match-preview{background:#e7f3f2;color:#175866;border-bottom:2px solid #74abb1;border-radius:5px;font-weight:700}
#module-one-view #cards .verse .shared-readonly{line-height:inherit}

/* v7.8 — Difference observation has no word-selection controls. */
#module-one-view #cards .verse-words.auto-comparison .auto-contrast{
 display:inline-block;direction:rtl;unicode-bidi:isolate;white-space:normal;
 color:#66400c;background:#ffedc9;border-bottom:2px solid #bd873d;
 border-radius:6px;padding:0 3px;font-weight:750;line-height:inherit;
}
#module-one-view #cards .compact-compare-note{font-size:12px;line-height:1.7;
 text-align:center;margin:4px 0 8px;color:#4b6560}

/* v7.9 — Observe distinctive wording using TEXT COLOR ONLY.
   Stage 1 retains its selection affordance; all Step 2 tokens are read-only.
   Keep all original Quranic text and vowel marks untouched. */
#module-one-view #cards .verse-words.auto-comparison .comparison-plain,
#module-one-view #cards .verse-words.auto-comparison .auto-contrast {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  outline: 0 !important;
  text-decoration: none !important;
  display: inline !important;
  line-height: inherit !important;
  white-space: normal !important;
  font-family: inherit !important;
}
#module-one-view #cards .verse-words.auto-comparison .comparison-plain {
  color: inherit !important;
  font-weight: inherit !important;
}
#module-one-view #cards .verse-words.auto-comparison .auto-contrast {
  color: var(--verse-difference-ink) !important;
  font-weight: 850 !important;
}
/* First / second verse: dark burnt orange and dark purple. For comparisons
   containing 3–7 verses, use further accessible, high-contrast text tones. */
#module-one-view #cards .verse-words.contrast-verse-0 {--verse-difference-ink:#9a3c12;}
#module-one-view #cards .verse-words.contrast-verse-1 {--verse-difference-ink:#713197;}
#module-one-view #cards .verse-words.contrast-verse-2 {--verse-difference-ink:#00606d;}
#module-one-view #cards .verse-words.contrast-verse-3 {--verse-difference-ink:#a01850;}
#module-one-view #cards .verse-words.contrast-verse-4 {--verse-difference-ink:#52651b;}
#module-one-view #cards .verse-words.contrast-verse-5 {--verse-difference-ink:#244e9b;}