/* v170: Shaddah visual lesson, optional, no third-party fonts or UI dependencies */
.sbs170-wrap,.sbs170-wrap *{box-sizing:border-box}
.sbs170-wrap{max-width:1110px;margin:25px auto 38px;overflow:hidden;border-radius:26px;background:linear-gradient(120deg,#f5f7f0,#fff6e9 45%,#f8f2ff);border:1px solid #c8d5bd;color:#283c32;box-shadow:0 12px 40px #2e48351c;scroll-margin-top:100px}
.sbs170-wrap>summary{display:flex;align-items:center;gap:17px;min-height:102px;padding:20px 24px;cursor:pointer;list-style:none}
.sbs170-wrap>summary::-webkit-details-marker{display:none}
.sbs170-wrap>summary:focus-visible,.sbs170-wrap button:focus-visible{outline:3px solid #b28037;outline-offset:3px}
.sbs170-glyph{min-height:77px;width:77px;flex:0 0 77px;display:grid;place-items:center;border-radius:21px;background:#2e5949;color:#fff8df;font:700 3.2rem/1.6 'Noto Naskh Arabic','Amiri',serif;box-shadow:inset 0 0 0 2px #ffffff22}
.sbs170-summary-copy{flex:1;min-width:0;display:grid;gap:5px}
.sbs170-eyebrow{font:850 .73rem/1.5 system-ui,sans-serif;letter-spacing:.085em;color:#6c704d}
.sbs170-summary-copy strong{font:700 clamp(1.32rem,2.6vw,2.1rem)/1.17 Georgia,serif;color:#274b3e}
.sbs170-summary-copy small{font-size:.92rem;line-height:1.5;color:#53675c}
.sbs170-more{font-size:.85rem;font-weight:800;color:#456c59;white-space:nowrap}
.sbs170-wrap[open] .sbs170-more{font-size:0}.sbs170-wrap[open] .sbs170-more:after{content:'Close ↑';font-size:.85rem}
.sbs170-body{padding:0 24px 26px}.sbs170-intro{max-width:83ch;margin:7px 0 18px;font-size:1.01rem;line-height:1.75}
.sbs170-inline-ar{display:inline-block;vertical-align:middle;font:700 1.9rem/1.15 'Noto Naskh Arabic','Amiri',serif;color:#765a31}
.sbs170-visual{display:flex;align-items:stretch;gap:11px;background:#fffdf6;padding:15px;border:1px solid #d5dbc7;border-radius:22px}
.sbs170-stage{min-width:0;flex:1;display:grid;justify-items:center;align-content:center;gap:4px;border-radius:16px;padding:13px 8px 16px;background:#f2f5ed;border:1px solid #d4dfd0;text-align:center}
.sbs170-stage.sbs170-result{background:#e9efe3;border-color:#9cbd9e}
.sbs170-label,.sbs170-tag{font:850 .69rem/1.35 system-ui,sans-serif;color:#52725b;letter-spacing:.045em}
.sbs170-big-ar{display:block;min-height:98px;font:700 clamp(3.2rem,5.9vw,5.5rem)/1.5 'Noto Naskh Arabic','Amiri','Arial',serif;color:#2d5a45;white-space:nowrap}
.sbs170-stage small{font-size:.8rem;line-height:1.5;color:#4d6a5b}
.sbs170-operator{align-self:center;flex:0 0 auto;color:#8c713e;font:850 1.7rem/1.1 Georgia,serif}
.sbs170-visual-note{margin:10px 0 21px;font-size:.88rem;line-height:1.6;color:#536759}
.sbs170-comparison{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sbs170-comparison article{min-width:0;min-height:188px;padding:13px 9px;display:grid;justify-items:center;align-content:center;gap:6px;border:1px solid #d7dbc9;border-radius:18px;background:#fff;text-align:center}
.sbs170-comparison .sbs170-contrast{background:#f7f1ff;border-color:#d7c9e8}
.sbs170-comparison-glyph{font:700 clamp(3.4rem,6vw,5.4rem)/1.4 'Noto Naskh Arabic','Amiri',serif;color:#3e634e;white-space:nowrap}
.sbs170-comparison article>span:last-child{font-size:.82rem;line-height:1.5;color:#556357}
.sbs170-word-band{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px;margin:17px 0;border:1px solid #d4dbca;border-radius:19px;background:#fffdf8}
.sbs170-word-band h3,.sbs170-practice h3{margin:6px 0 8px;color:#294b39;font:700 clamp(1.45rem,2.3vw,1.95rem)/1.2 Georgia,serif}
.sbs170-word-band p,.sbs170-practice-intro>p{line-height:1.65;margin:0;max-width:64ch}
.sbs170-word-band p span[lang=ar]{font:700 1.55rem/1.6 'Noto Naskh Arabic','Amiri',serif;white-space:nowrap;color:#39654f}
.sbs170-word-art{padding:0 8px;font:700 clamp(4.3rem,9vw,6.5rem)/1.5 'Noto Naskh Arabic','Amiri',serif;color:#7b8e6c}
.sbs170-practice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:18px;padding:18px;background:#e9f0e7;border:1px solid #bbceba;border-radius:22px}
.sbs170-family{margin-top:13px!important;color:#576a5a;font-size:.93rem}
.sbs170-quiz{min-width:0;border-radius:17px;border:1px solid #c8d9c4;background:white;padding:17px}
.sbs170-progress{font-size:.77rem;font-weight:850;letter-spacing:.05em;color:#6b7b67;margin:0}
.sbs170-question{margin:8px 0 13px;font-size:1.15rem;font-weight:800;color:#2a4f39}
.sbs170-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.sbs170-options button{min-width:0;min-height:133px;border-radius:15px;border:2px solid #b8cdb7;background:#fff;cursor:pointer;display:grid;justify-items:center;align-content:center;gap:2px;padding:3px 5px;color:#2b533e}
.sbs170-options button:hover:not(:disabled){border-color:#648b6a;background:#f4fbf2}
.sbs170-options button[disabled]{cursor:default}
.sbs170-options button[data-correct=true]{background:#e5f4e6;border-color:#398258}
.sbs170-options button[data-wrong=true]{background:#fff1e9;border-color:#ab7464}
.sbs170-choice-glyph{font:700 clamp(3.6rem,6vw,5.4rem)/1.47 'Noto Naskh Arabic','Amiri',serif;white-space:nowrap}
.sbs170-option-label{font-size:.77rem;font-weight:800;color:#53705a}
.sbs170-feedback{line-height:1.5;font-size:.92rem;font-weight:700;color:#42614d;min-height:44px;margin:12px 0}
.sbs170-controls{display:flex;flex-wrap:wrap;gap:8px}
.sbs170-controls button{min-height:44px;border:1px solid #8da78f;background:white;border-radius:13px;padding:9px 13px;color:#34533b;font:750 .88rem system-ui,sans-serif;cursor:pointer}
.sbs170-controls #sbs170-next{background:#34634a;color:white;border-color:#34634a}
.sbs170-controls #sbs170-next:disabled{background:#dae5d7;border-color:#dae5d7;color:#718071;cursor:not-allowed}
.sbs170-parent{margin:16px 0 0;font-size:.88rem;line-height:1.65;color:#526657}
.sbs170-parent a{color:#356c4e;text-decoration:underline;text-underline-offset:3px}
@media(max-width:780px){.sbs170-practice{grid-template-columns:1fr}.sbs170-wrap>summary{padding:16px 18px}.sbs170-body{padding:0 15px 20px}.sbs170-more{display:none}}
@media(max-width:550px){.sbs170-glyph{width:61px;flex-basis:61px;min-height:65px;font-size:2.7rem}.sbs170-summary-copy strong{font-size:1.3rem}.sbs170-summary-copy small{font-size:.82rem}.sbs170-visual{gap:5px;padding:8px}.sbs170-stage{padding:8px 4px}.sbs170-label{font-size:.61rem}.sbs170-big-ar{min-height:69px;font-size:3.05rem}.sbs170-stage small{font-size:.67rem}.sbs170-operator{font-size:1.25rem}.sbs170-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.sbs170-comparison article{min-height:151px}.sbs170-comparison-glyph{font-size:4.2rem}.sbs170-word-band{padding:14px}.sbs170-word-art{display:none}.sbs170-quiz{padding:11px}.sbs170-options{gap:5px}.sbs170-options button{min-height:110px}.sbs170-choice-glyph{font-size:3.55rem}.sbs170-controls button{flex:1;font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.sbs170-wrap *, .sbs170-wrap *::before, .sbs170-wrap *::after{transition:none!important;animation:none!important}}