/* v157: a compact opt-in lesson; does not disturb existing Arabic exercises */
.sbs157-vowels{margin:clamp(22px,4vw,50px) auto;max-width:1110px;border:1px solid #d9bfdf;border-radius:25px;background:linear-gradient(115deg,#fffaf1,#f3edff);color:#34174e;box-shadow:0 12px 36px #2b174014;overflow:hidden;scroll-margin-top:95px}
.sbs157-vowels>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:20px;padding:22px 25px;min-height:106px}
.sbs157-vowels>summary::-webkit-details-marker{display:none}
.sbs157-vowels>summary:focus-visible{outline:3px solid #edb95e;outline-offset:-5px}
.sbs157-summary-icon{background:#401766;color:#ffe1a2;border-radius:16px;min-width:77px;min-height:77px;display:grid;place-items:center;font-family:'Noto Naskh Arabic','Amiri','Arial',serif;font-size:2.65rem;font-weight:700}
.sbs157-vowels>summary>span:nth-child(2){flex:1;display:grid;gap:3px}
.sbs157-overline{color:#722993;font-size:.72rem;font-weight:850;letter-spacing:.13em}
.sbs157-vowels>summary strong{font-family:Georgia,serif;font-size:clamp(1.36rem,3vw,2.1rem);line-height:1.14}
.sbs157-vowels>summary small{font-size:.91rem;line-height:1.45;color:#594566}
.sbs157-expand{white-space:nowrap;font-size:.87rem;font-weight:800;color:#552375}
.sbs157-vowels[open] .sbs157-expand{font-size:0}
.sbs157-vowels[open] .sbs157-expand:after{content:'Close ↑';font-size:.9rem}
.sbs157-body{padding:0 25px 27px}
.sbs157-intro{font-size:1.04rem;line-height:1.65;margin:5px 0 19px;max-width:75ch}
.sbs157-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sbs157-cards article{padding:15px 16px;border:1px solid #d7c4df;border-radius:17px;background:#fff;display:flex;flex-direction:column;align-items:center;text-align:center}
.sbs157-cards article:nth-child(2){background:#eef7fc}.sbs157-cards article:nth-child(3){background:#fff5e3}
.sbs157-mark-label{font-size:.76rem;font-weight:900;color:#63338c;letter-spacing:.07em}
.sbs157-arabic{font-family:'Noto Naskh Arabic','Amiri',serif;font-size:5.8rem;line-height:1.6;color:#27154e;min-height:155px;display:grid;place-items:center}
.sbs157-cards b{font-size:1.5rem;color:#452071}
.sbs157-cards p{font-size:.91rem;line-height:1.5;margin:7px 0 0}
.sbs157-focus{margin-top:19px;padding:19px;border:1px solid #d5bddd;border-radius:21px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:20px}
.sbs157-focus h3{font-family:Georgia,serif;font-size:clamp(1.5rem,2.4vw,2.15rem);line-height:1.18;margin:8px 0 10px;color:#361353}
.sbs157-focus p{line-height:1.58;margin:0}
.sbs157-quiz{background:#faf6ff;border:1px solid #e0ceec;border-radius:16px;padding:15px}
.sbs157-progress{font-size:.78rem;font-weight:850;letter-spacing:.06em;color:#71428b}
.sbs157-question{font-size:1.08rem;font-weight:760;margin:7px 0 15px!important}
.sbs157-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sbs157-options button{background:#fff;border:2px solid #cbb9d8;border-radius:16px;min-height:126px;display:grid;align-content:center;justify-content:center;gap:2px;color:#26113f;cursor:pointer;transition:background .14s ease,border .14s ease}
.sbs157-options button:hover{border-color:#72409b;background:#faf5ff}
.sbs157-options button:focus-visible,.sbs157-actions button:focus-visible{outline:3px solid #e9a53d;outline-offset:3px}
.sbs157-options button:disabled{cursor:default}
.sbs157-options button[data-correct="true"]{border-color:#237c68;background:#e0f6ee}
.sbs157-options button[data-wrong="true"]{border-color:#9d4b60;background:#fff2f2}
.sbs157-choice-letter{font-family:'Noto Naskh Arabic','Amiri',serif;font-size:4.8rem;line-height:1.6;display:block}
.sbs157-options button>span:last-child{font-size:.82rem;font-weight:750}
.sbs157-feedback{margin:12px 0!important;min-height:35px;color:#4d2a6e;font-weight:720}
.sbs157-actions{display:flex;gap:9px;flex-wrap:wrap}
.sbs157-actions button{border-radius:11px;border:1px solid #8565a3;padding:9px 13px;min-height:44px;background:#fff;color:#422269;font-weight:750;cursor:pointer}
.sbs157-actions #sbs157-next{background:#512679;color:#fff}
.sbs157-actions #sbs157-next:disabled{background:#d2c6dc;color:#554b5a;cursor:not-allowed}
.sbs157-parent{font-size:.89rem;line-height:1.65;margin:19px 0 0;max-width:86ch;color:#4d3b5a}
.sbs157-parent a{color:#5d2293;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.sbs157-focus{grid-template-columns:1fr}.sbs157-vowels>summary{padding:18px;gap:13px}.sbs157-body{padding:0 16px 20px}.sbs157-cards{gap:9px}.sbs157-cards article{padding:10px 6px}.sbs157-arabic{font-size:4.4rem;min-height:116px}.sbs157-expand{display:none}}
@media(max-width:480px){.sbs157-summary-icon{min-width:56px;min-height:61px;font-size:2.1rem}.sbs157-vowels>summary small{font-size:.8rem}.sbs157-vowels>summary strong{font-size:1.26rem}.sbs157-mark-label{font-size:.65rem;letter-spacing:.025em}.sbs157-cards p{font-size:.78rem}.sbs157-arabic{font-size:3.3rem;min-height:92px}.sbs157-cards b{font-size:1.15rem}.sbs157-focus{padding:12px;gap:12px}.sbs157-quiz{padding:11px}.sbs157-options{gap:6px}.sbs157-options button{min-height:99px}.sbs157-choice-letter{font-size:3.5rem}.sbs157-options button>span:last-child{font-size:.7rem}.sbs157-actions button{font-size:.84rem;flex:1}}
@media(prefers-reduced-motion:reduce){.sbs157-options button{transition:none}}