/* v171 Tanwin lesson · scoped to one optional details block */
.sbs171,.sbs171 *{box-sizing:border-box}
.sbs171{max-width:1110px;margin:26px auto 40px;border:1px solid #d8caa9;border-radius:28px;overflow:hidden;background:#fffaf2;color:#2e3734;box-shadow:0 13px 44px #493a281b;scroll-margin-top:100px}
.sbs171>summary{list-style:none;display:flex;align-items:center;gap:18px;padding:20px 24px;min-height:112px;cursor:pointer;background:linear-gradient(117deg,#fff7e8 0%,#f2f4eb 52%,#f8f1ff 100%)}
.sbs171>summary::-webkit-details-marker{display:none}
.sbs171>summary:focus-visible,.sbs171 button:focus-visible{outline:3px solid #a57227;outline-offset:3px}
.sbs171-symbol{display:grid;place-items:center;flex:0 0 85px;width:85px;min-height:88px;background:linear-gradient(155deg,#416b59,#203b44);border:2px solid #e4cd90;border-radius:23px;color:#fff5d9;font:700 3.65rem/1.35 'Noto Naskh Arabic','Amiri',serif;padding:8px}
.sbs171-sumcopy{display:grid;gap:5px;flex:1;min-width:0}.sbs171-kicker,.sbs171-eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.095em;color:#76552d;text-transform:uppercase}
.sbs171-sumcopy strong{font-size:clamp(1.3rem,2.5vw,2rem);line-height:1.25;color:#253f35}.sbs171-sumcopy small{font-size:.94rem;line-height:1.55;color:#586256}.sbs171-open{font-weight:750;color:#3e634f;white-space:nowrap}.sbs171[open] .sbs171-open{font-size:0}.sbs171[open] .sbs171-open:after{content:'Close ↑';font-size:.85rem}
.sbs171-body{padding:clamp(16px,3.5vw,35px);background:radial-gradient(circle at 97% 4%,#eadff588,transparent 40%),#fffaf2}
.sbs171-body p{line-height:1.75;margin:0 0 16px;font-size:1rem}.sbs171-lead{font-size:1.04rem!important;max-width:73ch}
.sbs171-marks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:19px 0 20px}
.sbs171-mark{background:#fff;border:1px solid #ded9c7;min-width:0;border-radius:23px;overflow:hidden;box-shadow:0 8px 20px #332f2510;display:flex;flex-direction:column}
.sbs171-mark:nth-child(1){--c:#7c4e9f;--bg:#f3eafa}.sbs171-mark:nth-child(2){--c:#1b776f;--bg:#e9f5ef}.sbs171-mark:nth-child(3){--c:#a76a20;--bg:#fff4da}
.sbs171-marktop{background:var(--bg);padding:15px 12px 12px;text-align:center}.sbs171-marktop .sbs171-ar{font-size:clamp(3.4rem,7vw,5.2rem);min-height:106px;display:grid;place-items:center;color:var(--c);font-weight:700}.sbs171-marktop strong{display:block;color:#3e3f41;font-size:1.08rem}
.sbs171-markbottom{padding:16px;text-align:center;flex:1;display:grid;align-content:start;gap:6px}.sbs171-sound{display:inline-block;justify-self:center;border-radius:999px;padding:3px 15px;background:var(--bg);color:var(--c);font-weight:850;font-size:1.08rem}.sbs171-markbottom p{font-size:.89rem;margin:0;color:#526057;line-height:1.55}
.sbs171-ar{font-family:'Noto Naskh Arabic','Amiri','Scheherazade New',serif;direction:rtl;font-variant-ligatures:normal;unicode-bidi:isolate;line-height:1.7}
.sbs171-exampleband{background:#315546;color:#fff9e8;border-radius:25px;padding:22px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:center;margin-bottom:19px}
.sbs171-exampleband h3{margin:4px 0 7px;color:#fff8e6;font-size:clamp(1.25rem,2.5vw,1.65rem)}.sbs171-exampleband p{font-size:.92rem;color:#edf4ec;margin:0}.sbs171-exampleband .sbs171-eyebrow{color:#e3cf91}
.sbs171-words{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sbs171-word{background:#ffffff16;border:1px solid #ffffff55;border-radius:15px;display:flex;align-items:center;flex-direction:column;padding:9px 4px;gap:1px}.sbs171-word .sbs171-ar{font-size:clamp(1.65rem,3.5vw,2.8rem);white-space:nowrap}.sbs171-word small{color:#fbedd1}
.sbs171-note{background:#fff2dd;border:1px solid #e8c98d;border-inline-start:5px solid #a57023;border-radius:12px;padding:15px 17px;margin:0 0 20px;font-size:.92rem;line-height:1.7;color:#584525}
.sbs171-practice{border:1px solid #d3dcce;border-radius:25px;background:linear-gradient(140deg,#f3f7ee,#fcfaf5);padding:clamp(17px,3vw,26px)}.sbs171-practice h3{margin:5px 0 5px;color:#244637;font-size:1.6rem}.sbs171-practice p{font-size:.94rem;color:#4c6056}
.sbs171-quiz{padding:18px;background:#fff;border-radius:20px;border:1px solid #dce2d7}
.sbs171-progress{font-size:.82rem!important;font-weight:850;color:#78602e!important;margin:0 0 8px!important}.sbs171-progressbar{height:8px;background:#e5e8dd;border-radius:10px;margin:0 0 16px;overflow:hidden}.sbs171-progressbar span{height:100%;display:block;background:linear-gradient(90deg,#347a64,#d5aa4d);border-radius:10px;transition:width .2s}
.sbs171-question{font-size:1.18rem!important;font-weight:800;color:#264c3d!important;margin:0 0 12px!important}.sbs171-quizoptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sbs171-quizoptions button{min-width:0;min-height:110px;display:grid;place-items:center;align-content:center;gap:2px;border:1.5px solid #d6dfd6;background:#f9fcf8;border-radius:17px;color:#314d40;cursor:pointer;padding:9px 5px;font:inherit;font-weight:750;transition:transform .12s,background .12s}
.sbs171-quizoptions button:hover:not(:disabled){transform:translateY(-2px);background:#f0f7ed}.sbs171-quizoptions button:disabled{cursor:default;opacity:1}.sbs171-quizoptions button[data-wrong="true"]{background:#fff0e5;border-color:#cf844d}.sbs171-quizoptions button[data-correct="true"]{background:#e0f5e6;border-color:#207e56}.sbs171-quizoptions .sbs171-quiz-ar{display:block;font:700 clamp(1.6rem,4.8vw,2.7rem)/1.6 'Noto Naskh Arabic','Amiri',serif;color:#224e42;white-space:nowrap}.sbs171-quizoptions small{font-size:.77rem;color:#62695f}
.sbs171-feedback{margin:13px 0!important;min-height:28px;line-height:1.5!important;font-size:.94rem!important;color:#315542!important;font-weight:650}.sbs171-buttons{display:flex;flex-wrap:wrap;gap:9px}
.sbs171-buttons button{cursor:pointer;min-height:44px;border-radius:12px;background:#f6f0dd;border:1px solid #d6c799;padding:9px 14px;font-weight:700;font-size:.9rem;line-height:1.3;font-family:inherit;color:#345545}.sbs171-buttons .sbs171-next{margin-left:auto;background:#315c48;color:#fff;border-color:#315c48}.sbs171-buttons button:disabled{opacity:.5;cursor:not-allowed}
.sbs171-sources{margin:18px 0 0!important;font-size:.86rem!important;color:#596053!important}.sbs171-sources a{color:#255f6a;text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){.sbs171>summary{gap:12px;padding:15px}.sbs171-symbol{width:61px;flex-basis:61px;min-height:73px;font-size:2.65rem;padding:5px}.sbs171-open{display:none}.sbs171-marks{grid-template-columns:1fr;gap:10px}.sbs171-mark{display:grid;grid-template-columns:95px minmax(0,1fr)}.sbs171-marktop{padding:7px}.sbs171-marktop .sbs171-ar{font-size:2.8rem;min-height:72px}.sbs171-marktop strong{font-size:.84rem}.sbs171-markbottom{padding:8px;text-align:left;align-content:center}.sbs171-exampleband{grid-template-columns:1fr}.sbs171-word .sbs171-ar{font-size:1.9rem}.sbs171-quizoptions button{min-height:92px}.sbs171-quizoptions{gap:6px}.sbs171-quizoptions .sbs171-quiz-ar{font-size:1.6rem}}
@media(max-width:365px){.sbs171-word .sbs171-ar{font-size:1.5rem}.sbs171-quizoptions .sbs171-quiz-ar{font-size:1.4rem}.sbs171-quizoptions button{padding:7px 2px}}
@media(prefers-reduced-motion:reduce){.sbs171 *{transition:none!important}}