/* v126: visual learning interiors, no synthetic voices/videos, original sources retained */
body.sbs126{background:#fffaf4;color:#281a43}
body.sbs126 :is(a,button,summary):focus-visible{outline:3px solid #dfa943;outline-offset:3px}
.sbs126-container{width:min(1140px,92%);margin-inline:auto}
.sbs126-hero{--v126-bg:#241743;background:linear-gradient(90deg,rgba(23,12,44,.97) 0%,rgba(28,14,57,.88) 42%,rgba(35,22,46,.18) 100%),var(--v126-image) center/cover no-repeat;min-height:355px;display:flex;align-items:center;padding:44px 0;color:white;position:relative;isolation:isolate}
.sbs126-hero-wudhu{background-image:linear-gradient(90deg,rgba(18,25,51,.97),rgba(31,23,64,.86) 48%,rgba(32,36,49,.22)),url('/assets/design/source-led/water-crystal.webp')!important;background-position:center 52%!important}
.sbs126-hero-salah{background-position:50% 38%}
.sbs126-hero-words{background-position:center 42%}
.sbs126-hero-listen{background-position:center 46%}
.sbs126-hero-content{padding:12px 0;position:relative;z-index:1}
.sbs126-back{font:700 13px/1.4 system-ui;text-decoration:none;color:#f5e5ff;display:inline-block;margin-bottom:24px}
.sbs126-eyebrow{font:800 11px/1.4 system-ui,sans-serif;letter-spacing:.15em;color:#8459b0;display:block;text-transform:uppercase}
.sbs126-hero .sbs126-eyebrow{color:#f7d77d}
.sbs126-hero h1{font:700 clamp(43px,5vw,70px)/1.065 Georgia,serif;letter-spacing:-.029em;color:#fff;max-width:670px;margin:13px 0 16px;text-wrap:balance}
.sbs126-hero .sbs126-lead{font:500 clamp(15px,1.7vw,18px)/1.55 system-ui;max-width:585px;margin:0;color:#fff8fb}
.sbs126-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.sbs126-hero-actions a{padding:12px 19px;min-height:43px;display:inline-flex;align-items:center;border-radius:999px;background:#f6cf75;color:#351c4c;text-decoration:none;font:800 13px/1.3 system-ui}
.sbs126-hero-actions a+a{background:#ffffff23;color:#fff;border:1px solid #ffffffb3}
.sbs126-feature-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:-25px;position:relative;z-index:3}
.sbs126-feature-row>div{background:#fff;padding:18px 15px;border:1px solid #eadbeb;border-radius:16px;box-shadow:0 7px 24px #23154c18;min-width:0}
.sbs126-feature-icon{display:inline-grid;place-items:center;border-radius:12px;background:#f1e5ff;color:#62338b;padding:8px;font:900 12px system-ui;margin-bottom:8px}
.sbs126-feature-row>div:nth-child(2) .sbs126-feature-icon{background:#e0f6f4;color:#207773}.sbs126-feature-row>div:nth-child(3) .sbs126-feature-icon{background:#fff0d7;color:#aa6b1d}.sbs126-feature-row>div:nth-child(4) .sbs126-feature-icon{background:#ffe9ec;color:#a83258}
.sbs126-feature-row strong{font:700 20px/1.2 Georgia,serif;color:#30174b;display:block}
.sbs126-feature-row p{margin:5px 0 0;font:500 13px/1.5 system-ui;color:#675c72}
.sbs126-learning-section{padding-block:40px 14px}
.sbs126-section-title{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:21px}
.sbs126-section-title h2,.sbs126-guidance h2,.sbs126-related h2{font:700 clamp(29px,3.5vw,42px)/1.17 Georgia,serif;color:#2d1749;margin:7px 0 9px;letter-spacing:-.02em}
.sbs126-section-title p{font:500 15px/1.65 system-ui;color:#64536e;margin:0;max-width:750px}
.sbs126-mini-mark{display:grid;place-items:center;min-width:65px;height:65px;border-radius:50%;border:1px solid #e2c8e9;background:#f5e9fc;font:900 15px system-ui;color:#663d8f}
.sbs126-stage{border:1px solid #e9d8e5;border-radius:26px;padding:20px;background:#fff;box-shadow:0 15px 36px #24113b12}
.sbs126-stage-slide{display:grid;grid-template-columns:1.04fr .96fr;gap:26px;align-items:center;min-height:315px}
.sbs126-stage-slide[hidden]{display:none!important}
.sbs126-stage-photo{height:330px;min-width:0;border-radius:19px;background:linear-gradient(140deg,#f7f1ff,#eaf2f1);display:flex;align-items:center;justify-content:center;overflow:hidden}
.sbs126-stage-photo img{height:100%;width:100%;object-fit:contain;max-width:100%;display:block}
.sbs126-salah .sbs126-stage-photo img{object-fit:cover}
.sbs126-stage-explain{padding:18px 22px 18px 0}
.sbs126-step-number{display:inline-block;border-radius:999px;padding:9px 14px;background:#f4e8ff;color:#592887;font:800 12px system-ui}
.sbs126-stage-explain h3{font:700 clamp(29px,3.4vw,45px)/1.14 Georgia,serif;letter-spacing:-.025em;color:#30184c;margin:17px 0 13px}
.sbs126-stage-explain>p{font:500 16px/1.65 system-ui;color:#574761}
.sbs126-stage-explain .sbs126-instruction-note{background:#f9f4fb;border-left:3px solid #aa81c6;padding:12px 16px;border-radius:9px;font-size:13px}
.sbs126-stage-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ecdeea;margin-top:20px;padding-top:17px}
.sbs126-stage-nav button{cursor:pointer;min-height:43px;padding:9px 22px;border-radius:999px;background:#5a2789;color:#fff;border:1px solid #5a2789;font:800 13px system-ui}
.sbs126-stage-nav button:first-child{background:#fff;color:#5a2789;border-color:#ddc4e9}.sbs126-stage-nav button:disabled{opacity:.45;cursor:not-allowed}
.sbs126-stage-nav [data-step-status]{font:700 13px system-ui;color:#623b7d;text-align:center}
.sbs126-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin:20px 0 7px}
.sbs126-strip-choice{position:relative;text-align:left;border:1px solid #e9d9e9;border-radius:15px;background:#fff;box-shadow:0 6px 21px #2a103112;padding:7px 7px 13px;cursor:pointer;color:#381b53;min-width:0}
.sbs126-strip-choice[aria-current="true"]{outline:3px solid #d6ab65;outline-offset:-3px}
.sbs126-strip-photo{width:100%;height:112px;display:block;overflow:hidden;border-radius:10px;background:#f5eeff}
.sbs126-strip-photo img{width:100%;height:100%;object-fit:contain;display:block}
.sbs126-salah .sbs126-strip-photo img{object-fit:cover}
.sbs126-strip-num{font:800 11px system-ui;color:#7c4a99;display:block;margin:9px 3px 4px}
.sbs126-strip-title{font:700 14px/1.24 system-ui;color:#381b53;display:block;margin:0 3px}
.sbs126-guidance{display:grid;grid-template-columns:1.45fr .75fr;gap:25px;align-items:center;padding:28px 32px;background:#fff;border:1px solid #ead9e5;border-radius:24px;box-shadow:0 8px 24px #29113b0b;margin-top:26px}
.sbs126-guidance p{font:500 15px/1.7 system-ui;color:#5f5169;margin:0 0 12px}
.sbs126-action-link{display:inline-flex;border-radius:999px;background:#542482;color:#fff!important;padding:12px 19px;text-decoration:none;font:800 13px system-ui}
.sbs126-guidance-mini{background:#f6eafb;border-radius:19px;padding:22px;min-width:0}
.sbs126-guidance-mini strong{font:700 23px Georgia,serif;color:#452365}.sbs126-guidance-mini p{margin:12px 0 0}
.sbs126-related{margin-block:46px 65px;display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid #e7dce3;padding-top:28px}
.sbs126-related h2{font-size:28px;margin-bottom:0}
.sbs126-related-links{display:flex;gap:12px;flex-wrap:wrap}
.sbs126-related-links a{padding:12px 18px;border:1px solid #d9c5e9;border-radius:999px;text-decoration:none;font:800 13px system-ui;background:white;color:#5e2784}
.sbs126-phrases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.sbs126-phrase{min-width:0;border:1px solid #e9d2e3;border-radius:23px;background:linear-gradient(165deg,#fff,#fcf3ff);padding:27px 22px;box-shadow:0 10px 26px #2d123815}
.sbs126-phrase-two{background:linear-gradient(165deg,#fff,#eaf9f3);border-color:#cce5dc}.sbs126-phrase-three{background:linear-gradient(165deg,#fff,#fff3e5);border-color:#eadacc}
.sbs126-phrase-num{font:800 11px system-ui;letter-spacing:.05em;color:#794d9a;text-transform:uppercase}
.sbs126-phrase h3{font:700 clamp(23px,2.4vw,32px)/1.18 Georgia,serif;color:#301749;margin:20px 0 14px;min-height:2.35em}
.sbs126-ar{font-family:'Noto Naskh Arabic','Amiri','Scheherazade New',serif;font-size:clamp(39px,3.4vw,51px);line-height:1.85;text-align:center;direction:rtl;background:#ffffffdd;border-radius:13px;border:1px solid #eadde8;padding:16px 8px;margin:0;overflow-wrap:anywhere}
.sbs126-phrase-meaning{font:700 17px/1.4 system-ui;color:#54316b;text-align:center;margin:18px 0 24px}
.sbs126-phrase details{border-top:1px solid #dfd4de;padding-top:16px;color:#58476a;font:500 14px/1.6 system-ui}
.sbs126-phrase summary{cursor:pointer;font-weight:800;color:#4e267b}.sbs126-phrase details p{margin:12px 0 0}
.sbs126-audio-list{display:grid;gap:16px}
.sbs126-recitation{border:1px solid #e4d6e8;border-radius:21px;background:#fff;padding:24px 28px;box-shadow:0 9px 29px #26103b10}
.sbs126-recitation-head{display:flex;align-items:center;gap:17px}
.sbs126-surah-no{display:grid;place-items:center;width:57px;height:57px;flex:none;border-radius:18px;background:#f1e2ff;color:#58218d;font:900 18px system-ui}
.sbs126-recitation:nth-child(2) .sbs126-surah-no{background:#e8f6f2;color:#157771}
.sbs126-recitation:nth-child(3) .sbs126-surah-no{background:#fff2df;color:#8e5d16}
.sbs126-track-kicker{display:block;font:800 10px system-ui;letter-spacing:.11em;color:#8a55a4;margin-bottom:3px}
.sbs126-recitation h3{font:700 29px/1.13 Georgia,serif;color:#301745;margin:0}.sbs126-recitation-head p{font:500 13px/1.55 system-ui;color:#61516f;margin:5px 0 0}
.sbs126-recitation-ar{font:34px/1.7 'Noto Naskh Arabic','Amiri',serif;color:#633f8c;margin-left:auto;direction:rtl}
.sbs126-recitation audio{width:100%;margin-top:18px;max-height:55px;display:block}
.sbs126-recitation>a{font:800 13px system-ui;color:#5b2c86;display:inline-block;margin-top:13px}
@media(max-width:800px){.sbs126-phrases{grid-template-columns:1fr}.sbs126-phrase h3{min-height:0}.sbs126-stage-slide{gap:16px}.sbs126-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.sbs126-guidance{grid-template-columns:1fr}.sbs126-hero{min-height:320px}.sbs126-feature-row{gap:7px}}
@media(max-width:560px){.sbs126-hero{min-height:0;padding:30px 0 56px;background-image:linear-gradient(90deg,rgba(22,13,43,.92),rgba(27,19,50,.64)),var(--v126-image)}.sbs126-hero h1{font-size:clamp(39px,10vw,52px)}.sbs126-hero .sbs126-lead{font-size:15px}.sbs126-hero-actions a{padding:10px 13px;font-size:12px}.sbs126-feature-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-29px}.sbs126-feature-row>div{padding:13px}.sbs126-feature-row strong{font-size:18px}.sbs126-learning-section{padding-top:31px}.sbs126-section-title h2{font-size:30px}.sbs126-mini-mark{display:none}.sbs126-stage{padding:11px;border-radius:19px}.sbs126-stage-slide{grid-template-columns:1fr;gap:0}.sbs126-stage-photo{height:260px}.sbs126-stage-explain{padding:19px 10px 6px}.sbs126-stage-explain h3{font-size:30px}.sbs126-stage-nav button{padding:11px 12px;font-size:12px}.sbs126-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sbs126-strip-photo{height:92px}.sbs126-strip-title{font-size:11px}.sbs126-guidance{padding:21px;margin-top:23px}.sbs126-related{align-items:start;flex-direction:column;margin-bottom:115px}.sbs126-recitation{padding:19px 17px}.sbs126-recitation-ar{font-size:24px}.sbs126-recitation h3{font-size:23px}.sbs126-recitation-head{gap:11px}.sbs126-surah-no{height:45px;width:45px;font-size:14px}.sbs126-phrase{padding:23px 18px}.sbs126-hero-salah{background-position:55% 30%}}
@media(prefers-reduced-motion:reduce){.sbs126 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.sbs126-stage-nav,.sbs126-hero-actions,.sbs126-related{display:none}.sbs126-stage-slide[hidden]{display:grid!important}.sbs126-stage{box-shadow:none}}