/* Approved child-friendly 3-step learning journey. Scoped to intro; Qur'anic cards are untouched. */
#mutashabehatStart .explore-body{padding:0;max-width:none}
#mutashabehatStart .mutashabehat-guide{display:grid;gap:21px;max-width:1120px;color:#173C46}
#mutashabehatStart .mutashabehat-definition{border-right:3px solid #0D5963;padding:0 17px 0 10px}
#mutashabehatStart .mutashabehat-definition h3{font-size:clamp(18px,2vw,21px);font-weight:850;line-height:1.6;color:#0D5963;margin:0 0 5px}
#mutashabehatStart .mutashabehat-definition p{font-size:14px;line-height:1.95;max-width:990px;color:#35575B;margin:0}
#mutashabehatStart .mutashabehat-journey{background:rgba(255,255,255,.48);padding:18px 19px 21px;border:1px solid #CCDCD5;border-radius:23px}
#mutashabehatStart .mutashabehat-journey > h3{font-size:clamp(18px,2vw,22px);font-weight:900;color:#0D5963;margin:0 0 15px;display:flex;align-items:center;gap:9px}
#mutashabehatStart .mutashabehat-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;direction:rtl}
#mutashabehatStart .mutashabehat-step{min-width:0;position:relative;display:flex;align-items:flex-start;gap:11px;min-height:112px;background:#FFFFFF;border:1px solid #D6E2DC;border-radius:19px;padding:20px 15px 16px;box-shadow:0 6px 16px rgba(13,89,99,.045)}
#mutashabehatStart .mutashabehat-step:not(:last-child):after{content:'←';font-size:25px;font-weight:800;color:#0D5963;position:absolute;left:-22px;top:38px;z-index:1;line-height:1}
#mutashabehatStart .mutashabehat-step-icon{display:flex;flex:none;align-items:center;justify-content:center;width:47px;height:47px;border-radius:14px;font-size:25px}
#mutashabehatStart .mutashabehat-icon-read{background:#E1F0E9}
#mutashabehatStart .mutashabehat-icon-find{background:#FFF1D0}
#mutashabehatStart .mutashabehat-icon-answer{background:#DFEDF8}
#mutashabehatStart .mutashabehat-step-copy{min-width:0}
#mutashabehatStart .mutashabehat-step-copy h4{font-size:16px;line-height:1.5;font-weight:850;color:#0D5963;margin:0 0 5px}
#mutashabehatStart .mutashabehat-step-copy p{font-size:13px;line-height:1.9;font-weight:500;color:#3D5355;margin:0}
@media(max-width:900px){#mutashabehatStart .mutashabehat-steps{gap:13px}#mutashabehatStart .mutashabehat-step{gap:7px;padding:14px 11px;flex-direction:column}#mutashabehatStart .mutashabehat-step:not(:last-child):after{font-size:20px;left:-15px;top:45%}}
@media(max-width:640px){
 #mutashabehatStart .explore-body{padding:0}
 #mutashabehatStart .mutashabehat-guide{gap:15px}
 #mutashabehatStart .mutashabehat-definition{padding-right:11px}
 #mutashabehatStart .mutashabehat-definition h3{font-size:17px}
 #mutashabehatStart .mutashabehat-definition p{font-size:12.5px;line-height:1.9}
 #mutashabehatStart .mutashabehat-journey{padding:14px 12px 18px;border-radius:17px}
 #mutashabehatStart .mutashabehat-journey > h3{font-size:17px;margin-bottom:12px}
 #mutashabehatStart .mutashabehat-steps{grid-template-columns:1fr;gap:26px}
 #mutashabehatStart .mutashabehat-step{flex-direction:row;align-items:center;min-height:78px;padding:12px 13px;gap:12px;border-radius:16px}
 #mutashabehatStart .mutashabehat-step:not(:last-child):after{content:'↓';left:50%;transform:translateX(-50%);top:auto;bottom:-25px;font-size:22px}
 #mutashabehatStart .mutashabehat-step-icon{width:44px;height:44px;font-size:24px}
 #mutashabehatStart .mutashabehat-step-copy h4{font-size:15px;margin:0 0 2px}
 #mutashabehatStart .mutashabehat-step-copy p{font-size:12.5px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){#mutashabehatStart .mutashabehat-step{transition:none}}