/* v7.15: Approved minimal learning introduction and permanent illustrated game banner. */
#mutashabehatStart .mutashabehat-guide{gap:17px}
#mutashabehatStart .mutashabehat-journey{padding:19px 20px 20px}
#mutashabehatStart .mutashabehat-steps{gap:24px}
/* LOCKED GAME BANNER: preserve its original illustrated artwork on the learning homepage. */
#module-one-view .module-one-game-banner{display:block!important;margin:26px 0 34px}
#module-one-view .module-one-banner-art:not(.cohesive-challenge-surface){display:block!important;position:relative!important;background:#fff!important;overflow:hidden;border:1px solid #d6e5df;border-radius:22px;box-shadow:0 6px 22px rgba(12,65,67,.075);line-height:0}
#module-one-view .module-one-banner-art .game-banner-image{display:block;width:100%;height:auto;object-fit:cover;max-width:none}
#module-one-view .module-one-banner-art .module-one-banner-link{display:block;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:22px!important;transform:none!important;cursor:pointer}
#module-one-view .module-one-banner-art .module-one-banner-link:hover{box-shadow:inset 0 0 0 3px rgba(12,89,99,.27)!important}
#module-one-view .module-one-banner-art .module-one-banner-link:focus-visible{outline:3px solid #0D5963!important;outline-offset:-6px!important}
@media (max-width:760px){
 #module-one-view .module-one-game-banner{padding:0!important;background:none!important;border:0!important;border-radius:0!important}
 #module-one-view .module-one-banner-art:not(.cohesive-challenge-surface){border-radius:18px!important}
 #module-one-view .module-one-banner-mobile{display:block!important}
}
/* Child-friendly but quiet check-to-question affordance in memory stage. */
#module-one-view #cards .modern-recitation-confirm{
 display:flex;flex-wrap:wrap;align-items:center;gap:12px;
 margin:17px 0 0;padding:15px 17px;cursor:pointer;
 border:1.5px solid #bad6cc;border-radius:16px;
 background:#eff7f2;color:#12595c;line-height:1.5;
 box-shadow:0 2px 7px rgba(13,89,99,.04);
 transition:border-color .15s,background .15s;
}
#module-one-view #cards .modern-recitation-confirm:hover{background:#e6f4ec;border-color:#7bb5a4}
#module-one-view #cards .modern-recitation-confirm:focus-within{outline:3px solid #368a95;outline-offset:3px}
#module-one-view #cards .modern-recitation-confirm input[type=checkbox]{
 appearance:auto;-webkit-appearance:checkbox;display:block!important;
 opacity:1!important;position:static!important;flex:none;
 inline-size:23px;block-size:23px;margin:0;
 accent-color:#126a68;cursor:pointer;
}
#module-one-view #cards .modern-recitation-icon{display:none}
#module-one-view #cards .modern-recitation-label{font-size:clamp(15px,1.6vw,18px);font-weight:800;flex:1}
#module-one-view #cards .modern-recitation-hint{font-size:12px;font-weight:750;color:#437575;white-space:nowrap}
@media(max-width:640px){
 #mutashabehatStart .mutashabehat-journey{padding:14px 12px 16px}
 #module-one-view #cards .modern-recitation-confirm{gap:9px;padding:14px 13px}
 #module-one-view #cards .modern-recitation-label{font-size:15px}
 #module-one-view #cards .modern-recitation-hint{flex-basis:100%;padding-inline-start:32px}
}
@media(prefers-reduced-motion:reduce){#module-one-view #cards .modern-recitation-confirm{transition:none}}