/* Qur'an da zero rebuild — staging only. Teach first, then guided practice. */
.qzv3{padding-bottom:190px}
.qzv3-method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 20px}
.qzv3-method>div{padding:12px 10px;border:1px solid #ded7c7;border-radius:16px;background:#fffaf0;text-align:center}
.qzv3-method b{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 7px;border-radius:50%;background:#e7f0ea;color:#0b644f;font-size:.78rem}
.qzv3-method strong,.qzv3-method small{display:block}.qzv3-method strong{color:#174d3e;font-size:.72rem;letter-spacing:.05em}.qzv3-method small{margin-top:4px;color:#6f7e77;font-size:.68rem;line-height:1.3}
.qzv3-explanation{margin:0 0 18px;border-top:1px solid #e3e8e4;border-bottom:1px solid #e3e8e4;padding:12px 0}.qzv3-explanation summary{color:#48675d;font-size:.82rem;font-weight:750;cursor:pointer}.qzv3-explanation[open] summary{margin-bottom:12px}
.qzv3-primary{border-color:#0b6d52!important;background:#0b6d52!important;color:#fff!important;text-align:center!important}
.qzv3-teach{padding-top:26px}.qzv3-teach>h1{margin-bottom:17px}.qzv3-teach-card{display:grid;gap:10px;margin:0 0 18px;padding:20px;border:1px solid #ded7c7;border-radius:24px;background:#fffaf0}.qzv3-teach-card h2{margin:0;color:#124c3c;font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;line-height:1.18}.qzv3-teach-card p{margin:0;color:#526c62;font-size:.96rem;line-height:1.55}
.qzv3-teach-letter{display:grid;place-items:center;min-height:160px;color:#073f34;font-family:"Amiri","Noto Naskh Arabic",serif;font-size:5.4rem;line-height:1.2}.qzv3-teach-card.is-letter>button,.qzv3-context-audio button{margin-top:4px;background:#eaf1ec;border-color:#cfdcd5;color:#0a624b;text-align:center}.qzv3-teach-card.is-letter>small,.qzv3-context-audio small{color:#74847c;font-size:.72rem;line-height:1.4}.qzv3-context-audio{display:grid;gap:7px;margin-top:6px;padding:12px;border-radius:15px;background:#f3efe4}.qzv3-context-audio>b{font-family:"Amiri","Noto Naskh Arabic",serif;font-size:2rem;font-weight:500;text-align:center}
.qzv3-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.qzv3-compare-item{display:grid;gap:3px;padding:13px 10px;border:1px solid #e2ddcf;border-radius:16px;background:#fff;text-align:center}.qzv3-compare-item>b{font-family:"Amiri","Noto Naskh Arabic",serif;font-size:2.8rem;font-weight:500;line-height:1.2;color:#073f34}.qzv3-compare-item>strong{color:#174d3e;font-size:.83rem}.qzv3-compare-item>small{color:#728078;font-size:.68rem;line-height:1.3}
.qzv3-teach-example{display:grid;place-items:center;min-height:112px;padding:12px;border-radius:18px;background:#f4f0e5;color:#073f34;font-family:"Amiri","Noto Naskh Arabic",serif;font-size:3rem;line-height:1.45;text-align:center}
.qzv3-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qzv3-glyph-choice{display:grid!important;place-items:center!important;min-height:92px!important;padding:8px!important;font-family:"Amiri","Noto Naskh Arabic",serif!important;font-size:3rem!important;font-weight:500!important;line-height:1!important;text-align:center!important}.qzv3-choice{min-height:58px!important;text-align:center!important}
.qzv3-hint{margin:0 0 13px;padding:11px 13px;border-radius:14px;background:#f5edd9;color:#6f5828;font-size:.85rem;line-height:1.4}.qzv3-feedback{margin:0 0 9px!important;padding:12px 14px!important;border-radius:14px!important;font-size:.88rem!important}.qzv3-feedback.is-correct{background:#e8f1eb!important;color:#1f5b49!important}.qzv3-feedback.is-review{background:#f5edd9!important;color:#6f5828!important}
.qzv3-practice>h1{margin-bottom:15px}.qzv3-practice-arabic{margin-top:8px}.qzv3-practice .qzv2-practice-model{margin-top:10px}.qzv3-letter-answer{justify-items:center}.qzv3-model-letter{font-size:4rem!important;line-height:1.15!important}.qzv3-letter-answer>strong{color:#174d3e}.qzv3-letter-answer>.qzv3-context-audio{width:100%}
.qzv3-sticky-action{position:sticky;bottom:104px;z-index:30;box-shadow:0 12px 30px rgba(23,65,53,.20)}
.sm-dark-v2 .qzv3-method>div,.sm-dark-v2 .qzv3-teach-card,.sm-dark-v2 .qzv3-compare-item{background:#172821;border-color:#35473f}.sm-dark-v2 .qzv3-method strong,.sm-dark-v2 .qzv3-teach-card h2,.sm-dark-v2 .qzv3-teach-letter,.sm-dark-v2 .qzv3-compare-item>b,.sm-dark-v2 .qzv3-compare-item>strong,.sm-dark-v2 .qzv3-teach-example{color:#eef5f1}.sm-dark-v2 .qzv3-method small,.sm-dark-v2 .qzv3-teach-card p,.sm-dark-v2 .qzv3-compare-item>small{color:#bdcbc4}.sm-dark-v2 .qzv3-context-audio,.sm-dark-v2 .qzv3-teach-example{background:#22362e}.sm-dark-v2 .qzv3-hint{background:#332f23;color:#dbc797}
@media(max-width:560px){.qzv3{padding-bottom:185px}.qzv3-method{gap:6px}.qzv3-method>div{padding:10px 6px}.qzv3-method small{font-size:.62rem}.qzv3-teach-card{padding:17px}.qzv3-teach-letter{min-height:138px;font-size:4.9rem}.qzv3-glyph-choice{min-height:86px!important;font-size:2.8rem!important}.qzv3-sticky-action{bottom:100px}}
