/* v158 accessible Wudhu learning — scoped to two existing pages */
.v158-guided,.v158-recall{box-sizing:border-box;max-width:100%;margin:24px 0 20px;padding:clamp(16px,3vw,30px);border:1px solid #d9c9e1;border-radius:22px;background:linear-gradient(143deg,#fcf8f3 4%,#faf4ff 65%,#eff8f5);color:#24163d;box-shadow:0 12px 32px #23103910}
.v158-guided *, .v158-recall *{box-sizing:border-box}
.v158-kicker{font-size:12px;letter-spacing:.12em;font-weight:800;color:#76508d}
.v158-guided h3,.v158-recall h3{font-size:clamp(23px,3vw,34px);color:#281344;line-height:1.2;margin:6px 0 8px}
.v158-guided p,.v158-recall p{line-height:1.65}
.v158-headline{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.v158-headline p{margin:0 0 16px;max-width:680px}.v158-count{white-space:nowrap;color:#4d2565;background:#e9dbf1;border-radius:999px;font-weight:800;padding:9px 14px}
.v158-dots{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0 20px}.v158-dots button{width:42px;height:42px;border-radius:14px;border:1px solid #ac89bb;background:#fff;color:#492961;font:700 16px system-ui;cursor:pointer}.v158-dots button[aria-current="true"]{background:#3b2057;color:#fff;box-shadow:0 0 0 3px #f3d790}
.v158-card{display:grid;grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr);gap:18px;align-items:stretch;border:1px solid #e6d8df;border-radius:20px;background:#fff;overflow:hidden}.v158-card-picture{display:block;width:100%;height:100%;min-height:230px;object-fit:contain;padding:12px;background:#1d1532}.v158-card-copy{display:flex;flex-direction:column;gap:4px;padding:24px 20px}.v158-card-copy h4{font-size:clamp(24px,2.9vw,34px);line-height:1.2;margin:8px 0;color:#281344}.v158-card-copy p{margin:4px 0}.v158-step-type{text-transform:uppercase;letter-spacing:.08em;color:#673877;font-size:12px;font-weight:800}.v158-detail{font-size:.96em;color:#514559}.v158-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:16px}.v158-actions button,.v158-recall-footer button{cursor:pointer;border-radius:12px;padding:12px 18px;border:1px solid #553068;background:#fff;color:#392049;font:700 15px system-ui}.v158-actions [data-v158-next],.v158-recall-footer [data-v158-recall-next]{background:#3d2256;color:#fff}.v158-actions button:disabled,.v158-recall-footer button:disabled{opacity:.42;cursor:not-allowed}
.v158-source-note{font-size:13px;margin:17px 0 0;color:#514259}.v158-guided a,.v158-recall a{color:#5e227c;text-decoration:underline}.v158-reference{margin:14px 0 30px}.v158-reference summary{cursor:pointer;border:1px solid #d4bd95;background:#fff8ed;border-radius:11px;padding:13px 16px;font-weight:700;color:#362348}.v158-reference[open]>ol{margin-top:16px}
.v158-recall{margin-top:26px}.v158-recall-title p{margin:0 0 16px}.v158-recall-play{background:#fff;border:1px solid #e3d9e8;border-radius:18px;padding:clamp(14px,2.5vw,24px)}.v158-progress{display:inline-block;background:#f1e5f9;padding:7px 12px;color:#45285a;border-radius:20px;font:800 13px system-ui}.v158-recall-question{font-size:clamp(18px,2.5vw,24px);font-weight:750;color:#281345;margin:14px 0}.v158-recall-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v158-recall-choice{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:space-between;min-width:0;padding:9px 7px 12px;border-radius:15px;border:2px solid #d8cae1;background:#fcf8ff;color:#32174c;cursor:pointer;font:700 14px/1.25 system-ui;min-height:145px}.v158-recall-choice img{display:block;max-width:100%;width:100%;height:124px;object-fit:contain;background:#211733;border-radius:10px}.v158-recall-choice span{display:block}.v158-recall-choice.is-correct{border-color:#188467;background:#effcf5}.v158-recall-choice.is-try{border-color:#ae6870;background:#fff5f2}.v158-recall-choice:disabled{cursor:default}.v158-recall-feedback{font-size:15px;min-height:30px;color:#4c365e;margin:14px 0}.v158-recall-footer{display:flex;justify-content:space-between;gap:12px}.v158-family-tip{border-left:3px solid #a77cbb;padding-left:13px;font-size:14px}
.v158-guided button:focus-visible,.v158-recall button:focus-visible,.v158-reference summary:focus-visible{outline:3px solid #ba853c;outline-offset:3px}
@media(max-width:700px){.v158-headline{display:block}.v158-count{display:inline-block;margin-bottom:12px}.v158-card{grid-template-columns:1fr}.v158-card-picture{max-height:250px;min-height:180px}.v158-card-copy{padding:16px}.v158-actions{justify-content:space-between}.v158-dots button{width:40px;height:40px}.v158-recall-answers{gap:7px}.v158-recall-choice{padding:6px 4px;font-size:12px;min-height:118px}.v158-recall-choice img{height:94px}.v158-recall{padding-bottom:110px}}
@media(max-width:350px){.v158-recall-choice img{height:78px}.v158-dots{gap:7px}.v158-dots button{width:35px;height:37px}.v158-recall-footer button{padding:9px 10px}}
@media(prefers-reduced-motion:reduce){.v158-guided *,.v158-recall *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}