.mantiq-concept-screen{--mantiq-deep:#071526;--mantiq-emerald-dark:#092923;--mantiq-emerald:#0f6b4b;--mantiq-card:#08181cc7;--mantiq-parchment:#f7efe1;--mantiq-parchment-soft:#fff8ec;--mantiq-gold:#d4af37;--mantiq-gold-soft:#e8c878;--mantiq-text:#f8f3e8;--mantiq-muted:#c9bfae;--mantiq-ink:#101820;min-height:100vh;color:var(--mantiq-text);background:radial-gradient(circle at 14% 10%, #d4af3724, transparent 28%), radial-gradient(circle at 88% 16%, #0f6b4b3d, transparent 30%), radial-gradient(circle at 50% 110%, #d4af371a, transparent 32%), linear-gradient(135deg, #02070d, var(--mantiq-deep) 42%, var(--mantiq-emerald-dark));isolation:isolate;padding:clamp(18px,2vw,30px);position:relative;overflow:hidden}.mantiq-concept-pattern{z-index:-3;opacity:.08;pointer-events:none;background-image:linear-gradient(30deg,#e8c87847 12%,#0000 12.5% 87%,#e8c87847 87.5%),linear-gradient(150deg,#e8c87847 12%,#0000 12.5% 87%,#e8c87847 87.5%),radial-gradient(circle,#e8c8782e 1px,#0000 1px);background-size:90px 156px,90px 156px,24px 24px;position:absolute;inset:0}.mantiq-concept-glow{z-index:-2;filter:blur(80px);opacity:.26;pointer-events:none;border-radius:999px;width:360px;height:360px;position:absolute}.mantiq-concept-glow-left{background:#d4af373d;top:180px;left:-150px}.mantiq-concept-glow-right{background:#0f6b4b8f;top:80px;right:-150px}.mantiq-concept-shell{width:min(100%,1480px);margin:0 auto}.mantiq-progress-row,.mantiq-screen-sidebar,.mantiq-glass-panel,.mantiq-quote-card,.mantiq-meta-sidebar article,.mantiq-bottom-navigation{background:linear-gradient(145deg, #ffffff0b, transparent 52%), var(--mantiq-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #d4af3757;box-shadow:0 24px 64px #00000052,inset 0 1px #ffffff0b}.mantiq-progress-row,.mantiq-bottom-navigation{align-items:center;display:flex}.mantiq-progress-row span,.mantiq-progress-row strong{color:var(--mantiq-muted)}.mantiq-progress-row{border-radius:20px;gap:16px;min-height:64px;margin:16px 0 22px;padding:14px 20px}.mantiq-progress-row>div{background:#f8f3e81f;border-radius:999px;flex:1;height:9px;position:relative;overflow:hidden}.mantiq-progress-row i{width:var(--mantiq-progress);border-radius:inherit;background:linear-gradient(90deg, var(--mantiq-emerald), var(--mantiq-gold-soft));height:100%;display:block;box-shadow:0 0 24px #d4af3738}.mantiq-concept-layout{grid-template-columns:210px minmax(0,1fr) 280px;align-items:start;gap:22px;display:grid}.mantiq-concept-layout.diagram-mode .mantiq-concept-main{grid-column:2/-1}.mantiq-screen-sidebar{border-radius:24px;gap:12px;padding:16px;display:grid;position:sticky;top:18px}.mantiq-screen-sidebar button{min-height:58px;color:var(--mantiq-muted);cursor:pointer;background:#02070d33;border:1px solid #d4af372e;border-radius:16px;align-items:center;gap:12px;font-weight:850;display:flex}.mantiq-screen-sidebar button.active{color:#071526;background:linear-gradient(135deg, #f5dda0, var(--mantiq-gold));border-color:#e8c878c7;box-shadow:0 18px 40px #d4af372e}.mantiq-screen-sidebar span{background:#ffffff1f;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.mantiq-concept-main{box-shadow:none;background:0 0;border:0;gap:20px;display:grid}.app-shell.flutter-home .mantiq-concept-main{background:0 0;min-height:0}.mantiq-concept-hero{text-align:center;box-shadow:none;background:0 0;border:0;justify-items:center;gap:8px;display:grid}.mantiq-concept-hero>span{color:#071526;background:linear-gradient(135deg, #f5dda0, var(--mantiq-gold));letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:34px;padding:0 14px;font-size:.78rem;font-weight:900;display:inline-flex}.mantiq-concept-hero h1{color:var(--mantiq-text);font-family:"Geeza Pro", "Noto Naskh Arabic", var(--font-arabic), serif;text-shadow:0 16px 40px #0000006b;margin:0;font-size:clamp(2.2rem,5.2vw,5.4rem);line-height:1.28}.mantiq-concept-hero h2{color:var(--mantiq-gold-soft);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.08}.mantiq-concept-hero p{color:var(--mantiq-muted);font-family:var(--font-urdu);margin:0;font-size:clamp(1.1rem,1.7vw,1.55rem);line-height:2.05}.mantiq-parchment-panel{color:var(--mantiq-text);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:relative;overflow:visible}.mantiq-parchment-panel:before{display:none}.mantiq-section-heading{z-index:1;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex;position:relative}.mantiq-section-heading>span{color:var(--mantiq-gold-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;font-weight:950}.mantiq-parchment-panel .mantiq-section-heading>span{color:var(--mantiq-gold-soft)}.mantiq-definition-grid,.mantiq-examples-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),460px));justify-content:start;gap:18px;display:grid;position:relative}.mantiq-definition-card{background:#ffffff85;border:1px solid #7a5a143d;border-radius:22px;align-content:center;gap:10px;min-height:220px;padding:24px;display:grid;box-shadow:0 18px 44px #7a5a1414}.mantiq-definition-card h3,.mantiq-definition-card strong{font-family:"Geeza Pro", "Noto Naskh Arabic", var(--font-arabic), serif;margin:0;line-height:1.7}.mantiq-definition-card h3{color:#0f6b4b;font-size:clamp(1.6rem,2.8vw,2.7rem)}.mantiq-definition-card strong{color:#101820;font-size:clamp(1.25rem,2.1vw,2rem)}.mantiq-definition-card p{color:#101820c7;margin:0;font-weight:750;line-height:1.8}.mantiq-definition-card p[lang=ur]{font-family:var(--font-urdu);line-height:2.15}.mantiq-glass-panel,.mantiq-quote-card,.mantiq-examples-section{border-radius:26px;padding:clamp(20px,2.7vw,30px)}.mantiq-language-tabs{background:#02070d3d;border:1px solid #d4af3747;border-radius:999px;display:inline-flex;overflow:hidden}.mantiq-language-tabs button{min-height:38px;color:var(--mantiq-muted);cursor:pointer;background:0 0;border:0;padding:0 18px;font-weight:850}.mantiq-language-tabs button.active{color:#071526;background:var(--mantiq-gold-soft)}.mantiq-explanation-text{color:#f8f3e8d6;margin:0 0 20px;font-size:clamp(1.04rem,1.5vw,1.22rem);line-height:1.9}.mantiq-explanation-text[lang=ur]{font-family:var(--font-urdu);line-height:2.25}.mantiq-roman-helper{background:#02070d38;border:1px solid #d4af3747;border-radius:18px;margin:0 0 20px;padding:16px 18px}.mantiq-roman-helper h3{color:var(--mantiq-gold-soft);margin:0 0 8px;font-size:.9rem}.mantiq-roman-helper p{color:var(--mantiq-muted);margin:0;line-height:1.8}.mantiq-audio-button,.mantiq-bottom-navigation a,.mantiq-bottom-navigation button{min-height:48px;color:var(--mantiq-gold-soft);cursor:pointer;background:#02070d3d;border:1px solid #d4af3757;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-weight:900;text-decoration:none;display:inline-flex}.mantiq-audio-button span{font-size:1.1rem}.mantiq-quote-card{text-align:center;background:radial-gradient(circle at 50% 0,#d4af371f,#0000 44%),#08181cc7;border-color:#d4af377a;margin:0}.mantiq-quote-card p{color:var(--mantiq-gold-soft);font-family:"Geeza Pro", "Noto Naskh Arabic", var(--font-arabic), serif;margin:0 0 12px;font-size:clamp(1.7rem,3vw,3.1rem);line-height:1.65}.mantiq-quote-card footer{color:var(--mantiq-muted);font-size:1.05rem}.mantiq-examples-section{box-shadow:none;background:0 0;border:0;padding:0}.mantiq-example-card{background:linear-gradient(145deg,#ffffff0a,#0000),#08181cb3;border:1px solid #d4af3752;border-radius:22px;padding:22px}.mantiq-example-card h3,.mantiq-meta-sidebar h2{color:var(--mantiq-gold-soft);margin:0 0 16px;font-size:1.05rem}.mantiq-example-card p{border-top:1px solid #d4af371f;grid-template-columns:minmax(110px,.9fr) 1fr;align-items:baseline;gap:14px;margin:0;padding:12px 0;display:grid}.mantiq-example-card p:first-of-type{border-top:0}.mantiq-example-card span{color:var(--mantiq-text);font-family:"Geeza Pro", "Noto Naskh Arabic", var(--font-arabic), serif;font-size:1.55rem;line-height:1.7}.mantiq-example-card small{color:var(--mantiq-muted);font-size:.96rem;line-height:1.6}.mantiq-concept-layout:not(.diagram-mode):not(.practice-mode) .mantiq-concept-main{justify-items:center}.mantiq-manuscript-page{isolation:isolate;color:#1e1e1e;width:min(100%,820px);box-shadow:none;background:radial-gradient(circle at 50% 0,#c9a24a14,#0000 32%),linear-gradient(#ffffff52,#0000 42%),#f7f2e8;border:1px solid #d8c28a80;margin:0 auto;padding:clamp(42px,5.5vw,74px) clamp(28px,5vw,70px);position:relative;overflow:hidden;container-type:inline-size}.mantiq-manuscript-page:before{content:"";opacity:.08;pointer-events:none;background-image:linear-gradient(30deg,#c9a24a 12%,#0000 12.5% 87%,#c9a24a 87.5%,#c9a24a),linear-gradient(150deg,#c9a24a 12%,#0000 12.5% 87%,#c9a24a 87.5%,#c9a24a),linear-gradient(30deg,#c9a24a 12%,#0000 12.5% 87%,#c9a24a 87.5%,#c9a24a),linear-gradient(150deg,#c9a24a 12%,#0000 12.5% 87%,#c9a24a 87.5%,#c9a24a);background-position:0 0,0 0,32px 56px,32px 56px;background-size:64px 112px;width:96px;position:absolute;inset:0 auto 0 0}.mantiq-manuscript-page:after{content:"";opacity:.45;pointer-events:none;border-top:1px solid #c9a24a73;border-left:1px solid #c9a24a73;border-radius:96px 0 0;width:128px;height:260px;position:absolute;top:-8px;left:58px;box-shadow:-22px 36px 0 -21px #c9a24a8c,-42px 76px 0 -41px #c9a24a80}[dir=rtl] .mantiq-manuscript-page:before{inset:0 0 0 auto}[dir=rtl] .mantiq-manuscript-page:after{left:auto;right:58px;transform:scaleX(-1)}.mantiq-manuscript-page>*{z-index:1;position:relative}.mantiq-manuscript-page .mantiq-concept-hero{gap:16px;margin:0 auto clamp(44px,5vw,62px);padding:0}.mantiq-manuscript-page .mantiq-concept-hero>span{color:#f7f2e8;letter-spacing:.18em;min-height:34px;box-shadow:none;background:#143d2f;border:1px solid #c9a24ad1;border-radius:8px;padding:0 22px;font-family:Georgia,Times New Roman,serif;font-size:.8rem}.mantiq-manuscript-page .mantiq-concept-hero h1{color:#143d2f;font-family:"Noto Naskh Arabic", "Amiri", "Geeza Pro", var(--font-arabic), serif;text-shadow:none;font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.28}.mantiq-manuscript-divider{color:#c9a24a;align-items:center;gap:14px;width:min(100%,600px);display:flex}.mantiq-manuscript-divider:before,.mantiq-manuscript-divider:after{content:"";background:linear-gradient(90deg,#0000,#c9a24a);flex:1;height:1px}.mantiq-manuscript-divider:after{background:linear-gradient(90deg,#c9a24a,#0000)}.mantiq-manuscript-divider span{place-items:center;width:26px;height:26px;display:grid}.mantiq-manuscript-divider span:before{content:"✺";font-size:1.1rem}.mantiq-manuscript-page .mantiq-concept-hero h2{color:#1e1e1e;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,2.9vw,2.65rem);line-height:1.08}.mantiq-manuscript-page .mantiq-concept-hero h2[lang=ur]{font-family:var(--font-urdu), "Noto Nastaliq Urdu", serif;font-size:clamp(1.65rem,3.3vw,2.8rem);line-height:1.85}.mantiq-manuscript-page .mantiq-concept-hero p{color:#143d2f;max-width:560px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.55}.mantiq-manuscript-page .mantiq-concept-hero p[lang=ur]{font-family:var(--font-urdu), "Noto Nastaliq Urdu", serif;line-height:2.1}.mantiq-manuscript-timeline{gap:0;display:grid}.mantiq-manuscript-section{grid-template-columns:56px minmax(0,1fr);gap:22px;padding:0 0 36px;display:grid;position:relative}.mantiq-manuscript-section:not(:last-child):before{content:"";opacity:.72;background:#c9a24a;width:1px;position:absolute;top:54px;bottom:0;left:27px}[dir=rtl] .mantiq-manuscript-section:not(:last-child):before{left:auto;right:27px}.mantiq-manuscript-icon{color:#f7f2e8;background:#143d2f;border:1px solid #c9a24a;border-radius:999px;place-items:center;width:44px;height:44px;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;display:grid}.mantiq-manuscript-section-body{min-width:0}.mantiq-manuscript-heading{align-items:center;gap:14px;margin:4px 0 18px;display:flex}.mantiq-manuscript-heading h3{color:#143d2f;letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:900}.mantiq-manuscript-heading span{background:linear-gradient(90deg,#c9a24a,#0000);flex:1;height:1px}[dir=rtl] .mantiq-manuscript-heading span{background:linear-gradient(90deg,#0000,#c9a24a)}.mantiq-manuscript-page .mantiq-parchment-panel,.mantiq-manuscript-page .mantiq-glass-panel,.mantiq-manuscript-page .mantiq-examples-section{color:#1e1e1e;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.mantiq-manuscript-arabic-definition{color:#143d2f;font-family:"Noto Naskh Arabic", "Amiri", "Geeza Pro", var(--font-arabic), serif;text-align:center;margin:0 0 12px;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.7}.mantiq-manuscript-definition-meaning{color:#1e1e1e;text-align:center;max-width:560px;margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,2vw,1.7rem);font-style:italic;line-height:1.55}.mantiq-manuscript-definition-meaning[lang=ur]{font-family:var(--font-urdu), "Noto Nastaliq Urdu", serif;font-style:normal;line-height:2.1}.mantiq-manuscript-list{color:#1e1e1e;gap:10px;margin:0;padding-left:20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.65;display:grid}[dir=rtl] .mantiq-manuscript-list{padding-left:0;padding-right:20px}.mantiq-manuscript-list[lang=ur]{font-family:var(--font-urdu), "Noto Nastaliq Urdu", serif;line-height:2.1}.mantiq-reference-block{gap:14px;display:grid}.mantiq-reference-block blockquote{color:#143d2f;font-family:"Noto Naskh Arabic", "Amiri", "Geeza Pro", var(--font-arabic), serif;text-align:center;margin:0;font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.85}.mantiq-reference-block p,.mantiq-key-question{color:#1e1e1e;max-width:620px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.08rem,1.55vw,1.32rem);line-height:1.75}.mantiq-reference-block p[lang=ur],.mantiq-key-question[lang=ur]{font-family:var(--font-urdu), "Noto Nastaliq Urdu", serif;line-height:2.15}.mantiq-key-question{color:#143d2f;font-size:clamp(1.2rem,1.8vw,1.5rem);font-style:italic}.mantiq-summary-list{border-top:1px solid #c9a24a6b;padding-top:16px}.mantiq-manuscript-page .mantiq-explanation-text{color:#1e1e1e;max-width:620px;margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.08rem,1.6vw,1.35rem);line-height:1.72}.mantiq-manuscript-page .mantiq-explanation-text[lang=ur]{font-family:var(--font-urdu), "Noto Nastaliq Urdu", serif;line-height:2.2}.mantiq-manuscript-page .mantiq-roman-helper{background:#ffffff47;border-color:#c9a24a8c}.mantiq-manuscript-page .mantiq-roman-helper h3,.mantiq-manuscript-page .mantiq-roman-helper p{color:#5f6b63}.mantiq-manuscript-page .mantiq-audio-button{color:#143d2f;letter-spacing:.14em;text-transform:uppercase;min-height:42px;box-shadow:none;background:#f7f2e8d1;border-color:#c9a24a;border-radius:8px;padding:0 24px;font-family:Georgia,Times New Roman,serif}.mantiq-manuscript-page .mantiq-examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mantiq-manuscript-page .mantiq-example-card{color:#1e1e1e;min-height:96px;box-shadow:none;background:#f7f2e8bd;border:1px solid #c9a24ac7;border-radius:8px;align-items:center;gap:14px;padding:14px;display:flex}.mantiq-manuscript-page .mantiq-example-card>span{color:#143d2f;border:1px solid #c9a24ab8;border-radius:999px;flex:none;place-items:center;width:48px;height:48px;font-family:Georgia,Times New Roman,serif;font-size:1.3rem;line-height:1;display:grid}.mantiq-manuscript-page .mantiq-example-card h3{color:#1e1e1e;margin:0 0 4px;font-family:Georgia,Times New Roman,serif;font-size:1.18rem;font-weight:600}.mantiq-manuscript-page .mantiq-example-card small{color:#143d2f;font-family:Georgia,Times New Roman,serif;font-size:.98rem}.mantiq-reflect-question{color:#1e1e1e;max-width:620px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,1.9vw,1.55rem);line-height:1.55}.mantiq-reflect-question[lang=ur]{font-family:var(--font-urdu), "Noto Nastaliq Urdu", serif;line-height:2.1}.mantiq-concept-screen[lang=ur] :where(p,li){font-family:var(--font-urdu), "Noto Nastaliq Urdu", serif;letter-spacing:0;word-spacing:.14em;font-size:max(1.25rem,1em);line-height:2.45}.mantiq-concept-screen[lang=ur] .mantiq-manuscript-page .mantiq-concept-hero h2{font-family:var(--font-urdu), "Noto Nastaliq Urdu", serif;letter-spacing:0;word-spacing:.16em;font-size:clamp(2rem,3.6vw,3rem);line-height:2.05}.mantiq-concept-screen[lang=ur] :where(.mantiq-manuscript-heading h3,.mantiq-section-heading>span){font-family:var(--font-urdu), "Noto Nastaliq Urdu", serif;letter-spacing:0;word-spacing:.14em;text-transform:none;font-size:max(1.25rem,1em);line-height:2.1}@container (max-width:620px){.mantiq-manuscript-section{grid-template-columns:44px minmax(0,1fr);gap:16px}.mantiq-manuscript-icon{width:38px;height:38px}.mantiq-manuscript-section:not(:last-child):before{left:18px}[dir=rtl] .mantiq-manuscript-section:not(:last-child):before{left:auto;right:18px}.mantiq-manuscript-page .mantiq-examples-grid{grid-template-columns:1fr}}.mantiq-diagram-screen{min-width:0}.mantiq-diagram-card{color:#18231d;background:radial-gradient(circle at 50% 0,#d4af3724,#0000 30%),linear-gradient(135deg,#ffffffb8,#f8efdaeb),#f3e4c2;border:1px solid #7a5a1457;border-radius:26px;padding:clamp(24px,3vw,44px);position:relative;overflow:hidden;box-shadow:0 34px 90px #00000061,inset 0 0 0 1px #ffffff80}.mantiq-diagram-card:before{content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(circle,#7a5a1424 0 1px,#0000 1.5px),linear-gradient(30deg,#7a5a140e 12%,#0000 12.5% 87%,#7a5a140e 87.5%);background-size:52px 52px,88px 154px;position:absolute;inset:0}.mantiq-diagram-card>*{z-index:1;position:relative}.mantiq-diagram-corners{z-index:0;pointer-events:none;border:1px solid #7a5a142e;border-radius:20px;position:absolute;inset:12px}.mantiq-diagram-back{color:#18231d;cursor:pointer;background:#ffffff59;border:1px solid #7a5a1452;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:0 16px;font-weight:850;display:inline-flex}.mantiq-diagram-back span{font-size:1.5rem;line-height:1}.mantiq-diagram-hero{text-align:center;justify-items:center;gap:10px;margin:4px auto 32px;display:grid}.mantiq-diagram-hero h1,.mantiq-diagram-branch-card h3,.mantiq-diagram-root-node strong,.mantiq-diagram-example-card li{font-family:"Geeza Pro", "Noto Naskh Arabic", var(--font-arabic), serif}.mantiq-diagram-hero h1{color:#0d4d3b;margin:0;font-size:clamp(2.4rem,5vw,5rem);line-height:1.35}.mantiq-diagram-hero h2{color:#173529;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.1}.mantiq-diagram-hero h2[lang=ur]{font-family:var(--font-urdu);line-height:1.9}.mantiq-diagram-hero>div{background:linear-gradient(90deg,#0000,#7a5a14b8,#0000);width:220px;height:1px}.mantiq-diagram-hero p{color:#18231dd1;max-width:760px;margin:0;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.75}.mantiq-diagram-hero p[lang=ur]{font-family:var(--font-urdu);line-height:2.1}.mantiq-diagram-tree{justify-items:center;gap:0;max-width:920px;margin:0 auto;display:grid}.mantiq-diagram-root-node,.mantiq-diagram-branch-card,.mantiq-diagram-example-card{background:linear-gradient(145deg,#ffffff52,#ffffff14),#f7efe18a;border:1px solid #7a5a1461;box-shadow:0 18px 42px #7a5a141f}.mantiq-diagram-root-node{min-width:200px;color:var(--mantiq-text);background:linear-gradient(145deg,#0f6b4beb,#071526f0),#0f3d32;border-color:#d4af379e;border-radius:18px;justify-items:center;gap:2px;padding:16px 28px;display:grid;box-shadow:0 18px 44px #0f6b4b47}.mantiq-diagram-root-node strong{color:#f8f3e8;font-size:2rem;line-height:1.45}.mantiq-diagram-root-node span{color:var(--mantiq-gold-soft);font-weight:800}.mantiq-diagram-connectors{width:min(68%,620px);height:70px;position:relative}.mantiq-diagram-connectors:before{content:"";background:#7a5a14ad;width:1px;height:32px;position:absolute;top:0;left:50%}.mantiq-diagram-connectors span{background:#7a5a14ad;height:1px;position:absolute;top:32px;left:0;right:0}.mantiq-diagram-connectors i{justify-content:space-between;display:flex;position:absolute;top:32px;left:0;right:0}.mantiq-diagram-connectors i:before,.mantiq-diagram-connectors i:after{content:"";background:#7a5a14ad;width:1px;height:38px}.mantiq-diagram-branches{grid-template-columns:repeat(2,minmax(240px,1fr));align-items:start;gap:clamp(24px,6vw,86px);width:100%;display:grid}.mantiq-diagram-branch-stack{justify-items:center;display:grid}.mantiq-diagram-branch-card,.mantiq-diagram-example-card{text-align:center;border-radius:20px;width:min(100%,330px);padding:22px}.mantiq-diagram-branch-card h3{color:#7a4f12;margin:0;font-size:clamp(1.7rem,2.5vw,2.7rem);line-height:1.45}.mantiq-diagram-branch-card strong{color:#173529;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;display:block}.mantiq-diagram-branch-card>div{background:linear-gradient(90deg,#0000,#7a5a1499,#0000);width:120px;height:1px;margin:12px auto}.mantiq-diagram-branch-card p{color:#18231dd1;min-height:46px;margin:0;line-height:1.55}.mantiq-diagram-icon{color:#0f6b4b;background:#f7efe1eb;border:1px solid #7a5a146b;border-radius:999px;place-items:center;width:78px;height:78px;margin:20px auto -58px;font-size:2rem;display:grid;box-shadow:0 18px 34px #7a5a1424}.mantiq-diagram-branch-link{background:#7a5a1480;width:1px;height:68px}.mantiq-diagram-example-card h4{color:#7a4f12;gap:2px;margin:0 0 14px;font-size:1.1rem;display:grid}.mantiq-diagram-example-card h4 span{font-size:1.5rem}.mantiq-diagram-example-card ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mantiq-diagram-example-card li{color:#173529;font-size:1.25rem;line-height:1.7}.mantiq-diagram-actions{border-top:1px solid #7a5a1442;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:42px;padding-top:24px;display:flex}.mantiq-diagram-actions button{color:#173529;cursor:pointer;background:#ffffff47;border:1px solid #7a5a1457;border-radius:999px;min-height:52px;padding:0 22px;font-weight:900}.mantiq-diagram-actions .primary{color:#f8f3e8;background:linear-gradient(135deg,#0f6b4b,#07392d);border-color:#d4af378f;justify-content:center;align-items:center;gap:14px;min-width:min(100%,300px);display:inline-flex;box-shadow:0 18px 42px #0f6b4b3d}.mantiq-practice-screen{min-width:0}.mantiq-practice-card{color:#18231d;background:radial-gradient(circle at 50% 0,#d4af3729,#0000 30%),linear-gradient(135deg,#ffffffbd,#f8efdaf0),#f3e4c2;border:1px solid #7a5a1452;border-radius:26px;padding:clamp(22px,2.8vw,38px);position:relative;overflow:hidden;box-shadow:0 34px 90px #00000061,inset 0 0 0 1px #ffffff7a}.mantiq-practice-card:before{content:"";opacity:.32;pointer-events:none;background-image:radial-gradient(circle,#7a5a1421 0 1px,#0000 1.5px),linear-gradient(30deg,#7a5a140e 12%,#0000 12.5% 87%,#7a5a140e 87.5%);background-size:46px 46px,82px 144px;position:absolute;inset:0}.mantiq-practice-card>*{z-index:1;position:relative}.mantiq-practice-hero{text-align:center;justify-items:center;gap:8px;margin:0 auto 28px;display:grid}.mantiq-practice-hero>span{color:#f8f3e8;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#0f6b4b,#07392d);border-radius:999px;align-items:center;min-height:38px;padding:0 20px;font-size:.85rem;font-weight:900;display:inline-flex;box-shadow:0 14px 28px #0f6b4b3d}.mantiq-practice-hero h1,.mantiq-practice-arabic,.mantiq-practice-options strong,.mantiq-practice-drag-items span,.mantiq-practice-drop-zone strong,.mantiq-practice-drop-zone b,.mantiq-practice-match strong,.mantiq-practice-sidebar blockquote{font-family:"Geeza Pro", "Noto Naskh Arabic", var(--font-arabic), serif}.mantiq-practice-hero h1{color:#0d4d3b;margin:0;font-size:clamp(2.3rem,4.8vw,4.8rem);line-height:1.35}.mantiq-practice-hero h2{color:#173529;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,2.7vw,2.9rem);line-height:1.1}.mantiq-practice-hero h2[lang=ur]{font-family:var(--font-urdu);line-height:1.8}.mantiq-practice-hero p{color:#18231ddb;max-width:790px;margin:8px 0 0;font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.75}.mantiq-practice-hero p[lang=ur]{font-family:var(--font-urdu);line-height:2.1}.mantiq-practice-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:0;display:grid}.mantiq-practice-blocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.mantiq-practice-question{background:#ffffff47;border:1px solid #7a5a143d;border-radius:18px;padding:18px;box-shadow:0 18px 42px #7a5a1414}.mantiq-practice-question.wide,.mantiq-practice-question.full{grid-column:1/-1}.mantiq-practice-question h3{color:#173529;letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 14px;font-size:.92rem;font-weight:950;display:flex}.mantiq-practice-question h3 span{color:#f8f3e8;background:#064e3b;border-radius:999px;flex:none;place-items:center;width:32px;height:32px;display:grid}.mantiq-practice-arabic{color:#173529;text-align:center;margin:10px 0 6px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.45}.mantiq-practice-prompt,.mantiq-practice-instruction,.mantiq-practice-drag>p{color:#18231dd1;text-align:center;margin:0 0 14px;line-height:1.65}.mantiq-practice-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mantiq-practice-options.four{grid-template-columns:repeat(4,minmax(0,1fr))}.mantiq-practice-options button,.mantiq-practice-drag-items button,.mantiq-practice-drop-zone,.mantiq-practice-match button{color:#173529;cursor:pointer;background:#ffffff42;border:1px solid #7a5a143d;border-radius:12px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.mantiq-practice-options button{justify-items:center;gap:4px;min-height:112px;padding:14px;display:grid}.mantiq-practice-options button:hover,.mantiq-practice-drag-items button:hover,.mantiq-practice-drop-zone:hover,.mantiq-practice-match button:hover{border-color:#0f6b4b85;transform:translateY(-2px)}.mantiq-practice-options button>span{color:#7a5a14b8;border:1px solid #7a5a1457;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.mantiq-practice-options strong{color:#173529;font-size:1.55rem;line-height:1.35}.mantiq-practice-options small{color:#18231dc7;font-weight:750}.mantiq-practice-options button.selected,.mantiq-practice-drag-items button.selected,.mantiq-practice-match button.selected{background:#0f6b4b14;border-color:#0f6b4b9e}.mantiq-practice-options button.correct{background:#0f6b4b1f;border-color:#0f6b4b94;box-shadow:0 0 0 1px #0f6b4b1f,0 14px 34px #0f6b4b1f}.mantiq-practice-options button.correct>span{color:#f8f3e8;background:#0f6b4b;border-color:#0f6b4b99}.mantiq-practice-options button.wrong{background:#a9432a14;border-color:#a9432a85}.mantiq-practice-feedback{text-align:center;border-radius:999px;margin:14px 0 0;padding:10px 14px;font-weight:850}.mantiq-practice-feedback.correct{color:#0f5a40;background:#0f6b4b1f}.mantiq-practice-feedback.wrong{color:#8c3f21;background:#a9432a1a}.mantiq-practice-drag-grid{grid-template-columns:minmax(180px,.75fr) minmax(280px,1.25fr);align-items:stretch;gap:18px;display:grid}.mantiq-practice-drag-items,.mantiq-practice-drop-zones{gap:10px;display:grid}.mantiq-practice-drag-items button{justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:8px 14px;display:flex}.mantiq-practice-drag-items span{color:#173529;font-size:1.35rem}.mantiq-practice-drag-items small{color:#18231da8}.mantiq-practice-drop-zones{grid-template-columns:repeat(2,minmax(0,1fr))}.mantiq-practice-drop-zone{align-content:start;justify-items:center;gap:8px;min-height:250px;padding:18px;display:grid}.mantiq-practice-drop-zone strong{color:#0d4d3b;font-size:2rem}.mantiq-practice-drop-zone>span{color:#0f6b4b;background:#f7efe19e;border:1px solid #7a5a1442;border-radius:999px;place-items:center;width:58px;height:58px;margin:6px 0;font-size:1.45rem;display:grid}.mantiq-practice-drop-zone em{color:#0f6b4bad;border:1px dashed #0f6b4b57;border-radius:10px;width:100%;padding:10px;font-style:normal;font-weight:850}.mantiq-practice-drop-zone b{color:#173529;background:#0f6b4b14;border-radius:10px;width:100%;padding:8px 10px;font-size:1.15rem}.mantiq-practice-match{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mantiq-practice-match h4{color:#7a4f12;text-align:center;margin:0 0 10px}.mantiq-practice-match button{justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:46px;margin-top:8px;padding:8px 12px;display:flex}.mantiq-practice-match button.answered{background:#0f6b4b14;border-color:#0f6b4b6b}.mantiq-practice-match>.mantiq-practice-feedback{grid-column:1/-1}.mantiq-practice-sidebar{gap:14px;display:grid;position:sticky;top:18px}.mantiq-practice-sidebar article{padding:18px}.mantiq-practice-sidebar h3{color:#7a4f12;margin:0 0 14px;font-size:1rem}.mantiq-practice-ring{background:radial-gradient(circle, #f8efdaf5 58%, transparent 59%), conic-gradient(#0f6b4b var(--practice-progress), #7a5a142e 0);border-radius:999px;place-items:center;width:106px;height:106px;margin:0 auto 12px;display:grid}.mantiq-practice-ring strong{color:#173529;font-size:1.6rem}.mantiq-practice-sidebar p,.mantiq-practice-sidebar dt,.mantiq-practice-sidebar li{color:#18231dc7;line-height:1.55}.mantiq-practice-sidebar dl{gap:8px;margin:0;display:grid}.mantiq-practice-sidebar dl div{border-top:1px solid #7a5a1424;justify-content:space-between;gap:12px;padding-top:8px;display:flex}.mantiq-practice-sidebar dd{color:#173529;margin:0;font-weight:900}.mantiq-practice-sidebar ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mantiq-practice-sidebar li:before{content:"✓";color:#0f6b4b;margin-inline-end:8px;font-weight:900}.mantiq-practice-sidebar blockquote{color:#0d4d3b;margin:0 0 10px;font-size:1.55rem;line-height:1.7}.mantiq-practice-actions{border-top:1px solid #7a5a1433;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:26px;padding-top:20px;display:flex}.mantiq-practice-actions button{color:#173529;cursor:pointer;background:#ffffff47;border:1px solid #7a5a1457;border-radius:999px;min-height:52px;padding:0 22px;font-weight:900}.mantiq-practice-actions .primary{color:#f8f3e8;background:linear-gradient(135deg,#0f6b4b,#07392d);border-color:#d4af378f;min-width:min(100%,280px)}.mantiq-practice-actions .primary:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.4)}.mantiq-meta-sidebar{gap:18px;display:grid;position:sticky;top:18px}.mantiq-meta-sidebar article{border-radius:24px;padding:22px}.mantiq-meta-sidebar dl{gap:12px;margin:0;display:grid}.mantiq-meta-sidebar dl div{border-top:1px solid #d4af371f;justify-content:space-between;gap:16px;padding-top:12px;display:flex}.mantiq-meta-sidebar dt,.mantiq-meta-sidebar li{color:var(--mantiq-muted)}.mantiq-meta-sidebar dd{color:var(--mantiq-text);text-align:end;margin:0;font-weight:850}.mantiq-meta-sidebar ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.mantiq-meta-sidebar li{padding-inline-start:24px;position:relative}.mantiq-meta-sidebar li:before{content:"✓";color:var(--mantiq-gold-soft);position:absolute;inset-inline-start:0}.mantiq-bottom-navigation{border-radius:24px;justify-content:space-between;gap:16px;margin-top:22px;padding:16px}.mantiq-bottom-navigation .primary{color:var(--mantiq-text);background:linear-gradient(135deg, var(--mantiq-emerald), #375c30);border-color:#78a66ab8;box-shadow:0 18px 42px #0f6b4b38}@media (max-width:1180px){.mantiq-concept-layout{grid-template-columns:170px minmax(0,1fr)}.mantiq-concept-layout.diagram-mode .mantiq-concept-main,.mantiq-concept-layout.practice-mode .mantiq-concept-main{grid-column:2}.mantiq-practice-body{grid-template-columns:1fr}.mantiq-practice-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.mantiq-meta-sidebar{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));position:static}}@media (max-width:860px){.mantiq-progress-row,.mantiq-bottom-navigation{flex-direction:column;align-items:stretch}.mantiq-concept-layout{grid-template-columns:1fr}.mantiq-concept-layout.diagram-mode .mantiq-concept-main,.mantiq-concept-layout.practice-mode .mantiq-concept-main{grid-column:auto}.mantiq-screen-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));position:static}.mantiq-screen-sidebar button{justify-content:center;min-height:54px}.mantiq-meta-sidebar{grid-column:auto}.mantiq-diagram-card{padding:22px}.mantiq-diagram-connectors{display:none}.mantiq-diagram-branches{grid-template-columns:1fr}.mantiq-diagram-branch-link{height:36px}.mantiq-diagram-actions{justify-content:center}.mantiq-practice-card{padding:22px}.mantiq-practice-blocks,.mantiq-practice-drag-grid,.mantiq-practice-sidebar{grid-template-columns:1fr}.mantiq-practice-options.four,.mantiq-practice-drop-zones{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.mantiq-concept-screen{padding:12px}.mantiq-definition-grid,.mantiq-examples-grid,.mantiq-meta-sidebar{grid-template-columns:1fr}.mantiq-section-heading{flex-direction:column;align-items:stretch}.mantiq-screen-sidebar{display:flex;overflow-x:auto}.mantiq-screen-sidebar button{flex:none;min-width:132px}.mantiq-diagram-card{border-radius:22px;padding:18px}.mantiq-diagram-back,.mantiq-diagram-actions button{width:100%}.mantiq-diagram-root-node{width:min(100%,240px);min-width:0}.mantiq-diagram-actions{margin-top:28px}.mantiq-practice-card{border-radius:22px;padding:18px}.mantiq-practice-options,.mantiq-practice-options.four,.mantiq-practice-drop-zones,.mantiq-practice-match{grid-template-columns:1fr}.mantiq-practice-drop-zone{min-height:180px}.mantiq-practice-actions button{width:100%}.mantiq-example-card p{grid-template-columns:1fr;gap:4px}.mantiq-bottom-navigation a,.mantiq-bottom-navigation button{width:100%}}.lesson-video-screen{width:100%;padding:clamp(1.5rem,4vw,3rem)}.lesson-video-card{color:#f8f3e8;background:linear-gradient(145deg,#071526f0,#063b32d1);border:1px solid #d4af376b;border-radius:28px;max-width:980px;margin:0 auto;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 24px 80px #00000052}.lesson-video-light .lesson-video-card,.lesson-video-manuscript .lesson-video-card{color:#1e1e1e;box-shadow:none;background:linear-gradient(145deg,#f7f2e8,#eee4d0)}.lesson-video-header{text-align:center;margin-bottom:1.25rem}.lesson-video-header span{color:#e8c878;text-transform:uppercase;letter-spacing:.08em;border:1px solid #d4af379e;border-radius:999px;padding:.35rem .9rem;font-weight:800;display:inline-flex}.lesson-video-light .lesson-video-header span,.lesson-video-manuscript .lesson-video-header span{color:#143d2f}.lesson-video-header h1{margin:.8rem 0 .35rem;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.05}.lesson-video-header p{color:#f8f3e8c2;max-width:680px;margin:0 auto}.lesson-video-light .lesson-video-header p,.lesson-video-manuscript .lesson-video-header p{color:#5f6b63}.lesson-video-frame{aspect-ratio:16/9;background:#071526;border:1px solid #d4af3761;border-radius:22px;position:relative;overflow:hidden}.lesson-video-frame iframe,.lesson-video-frame video{border:0;width:100%;height:100%;display:block}.lesson-video-placeholder{text-align:center;background:radial-gradient(circle,#0f6b4b59,#071526f5);align-content:center;place-items:center;gap:.75rem;min-height:100%;padding:2rem;display:grid}.lesson-video-placeholder span{color:#e8c878;background:#0f6b4b80;border:1px solid #d4af3794;border-radius:999px;place-items:center;width:76px;height:76px;font-size:1.8rem;display:grid}.lesson-video-placeholder strong{font-size:clamp(1.25rem,3vw,2rem)}.lesson-video-placeholder p{color:#f8f3e8b8;max-width:560px;margin:0}.lesson-video-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.2rem;display:flex}.lesson-video-actions .solid-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.lesson-video-screen{padding:1rem}.lesson-video-card{border-radius:18px;padding:1rem}.lesson-video-actions{justify-content:center}.lesson-video-actions>*{justify-content:center;width:100%}}:where(html[lang=ur],.locale-ur){font-family:var(--font-urdu);text-align:right;direction:rtl}html[lang=ur] body,.locale-ur{font-size:20px}:where(html[lang=ur],.locale-ur) :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,blockquote,label,input,textarea,button,a,small,strong,span):not(.text-arabic):not(.text-english):not(.text-roman-urdu):not([lang=ar]):not([lang=en]){font-family:var(--font-urdu)!important;letter-spacing:0!important}:where(html[lang=ur],.locale-ur) :where(p,li,dt,dd,blockquote,label,input,textarea,.lead):not(.text-arabic):not(.text-english):not(.text-roman-urdu):not([lang=ar]):not([lang=en]){word-spacing:.14em!important;font-size:max(20px,1em)!important;line-height:2.4!important}:where(html[lang=ur],.locale-ur) :where(h1,h2,h3,h4,h5,h6,.title,.subtitle):not(.text-arabic):not(.text-english):not(.text-roman-urdu):not([lang=ar]):not([lang=en]){word-spacing:.16em!important;text-transform:none!important;line-height:1.95!important}:where(html[lang=ur],.locale-ur) :where(a,button,small,.eyebrow):not(.text-arabic):not(.text-english):not(.text-roman-urdu):not([lang=ar]):not([lang=en]){word-spacing:.12em!important;line-height:1.9!important}:where(html[lang=ur],.locale-ur) .premium-home-footer :where(h3,a,button),:where(html[lang=ur],.locale-ur) :where(.site-footer h2,.site-footer h3,.site-footer a,.site-footer button){font-family:var(--font-urdu)!important;letter-spacing:0!important;word-spacing:.12em!important;font-size:20px!important;line-height:1.9!important}:where(html[lang=ur],.locale-ur) .premium-home-brand small,:where(html[lang=ur],.locale-ur) .premium-home-footer small{font-size:18px!important;line-height:1.9!important}:where(html[lang=ur],.locale-ur) :where(.premium-home-course-title,.premium-home-course-description,.premium-home-course-enter,.premium-home-course-meta,.premium-home-light-card p,.premium-home-feature-card p,.premium-home-glass-card p,.premium-home-badge-card p){font-family:var(--font-urdu)!important;letter-spacing:0!important;word-spacing:.12em!important;font-size:20px!important}:where(html[lang=ur],.locale-ur) :where(.premium-home-course-description,.premium-home-light-card p,.premium-home-feature-card p,.premium-home-glass-card p,.premium-home-badge-card p,.premium-course-card p,.course-card p){line-height:2!important}:where(html[lang=ur],.locale-ur) .premium-home-course-description{min-height:0}.mantiq-concept-screen{background-color:var(--lesson-template-background,#102d25);color:var(--lesson-font-color,#231f20)}.mantiq-concept-screen .mantiq-manuscript-page{color:var(--lesson-font-color,#231f20);background-color:var(--lesson-template-panel,#fffaf0)}.mantiq-concept-screen .mantiq-manuscript-page :where(p,li,dd,label),.mantiq-concept-screen .mantiq-explanation-text{font-size:var(--lesson-body-size,20px);color:var(--lesson-font-color,#231f20)}.mantiq-concept-screen .mantiq-manuscript-page .mantiq-concept-hero h1,.mantiq-concept-screen .mantiq-manuscript-page .mantiq-concept-hero h2{font-size:var(--lesson-title-size,46px);color:var(--lesson-title-color,#123f33)}.mantiq-concept-screen :where(.mantiq-manuscript-icon,.mantiq-audio-button,.mantiq-practice-submit){border-color:var(--lesson-template-accent,#d4af37)}.mantiq-concept-screen.preview-mobile{padding:12px}.mantiq-concept-screen.preview-mobile .mantiq-concept-layout{grid-template-columns:1fr}.mantiq-concept-screen.preview-mobile .mantiq-screen-sidebar{display:flex;position:static;overflow-x:auto}.mantiq-concept-screen.preview-mobile .mantiq-screen-sidebar button{flex:none;min-width:132px}.mantiq-concept-screen.preview-mobile .mantiq-manuscript-section{grid-template-columns:44px minmax(0,1fr);gap:16px}.mantiq-concept-screen.preview-mobile :where(.mantiq-manuscript-page .mantiq-examples-grid,.mantiq-definition-grid,.mantiq-meta-sidebar,.mantiq-practice-options,.mantiq-practice-match){grid-template-columns:1fr}.mantiq-concept-screen.preview-mobile .mantiq-bottom-navigation{flex-direction:column;align-items:stretch}.admin-template-preview-mobile :where(.tajweed-listen-shell,.conjugation-shell,.lexicon-main,.alphabet-panel,.lesson-main){width:100%;min-width:0;max-width:100%}.admin-template-preview-mobile :where(.tajweed-listen-layout,.conjugation-base-card,.lexicon-meaning-grid,.alphabet-card-body,.alphabet-practice-grid){grid-template-columns:1fr}.admin-template-preview-mobile .conjugation-base-card,.admin-template-preview-mobile .conjugation-shell{overflow:hidden}.admin-template-preview-mobile .conjugation-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-template-preview-mobile .conjugation-form-grid>*{overflow-wrap:anywhere;min-width:0}.admin-template-preview-mobile :where(.tajweed-listen-header,.conjugation-topbar){flex-direction:column;align-items:stretch}.academic-course-page,.academic-lesson-page{--academic-surface:var(--surface);--academic-bg:color-mix(in srgb, var(--paper) 90%, white 10%);--academic-border:color-mix(in srgb, var(--line) 82%, transparent);--academic-accent:var(--brand);--academic-accent-soft:color-mix(in srgb, var(--brand) 10%, var(--surface));--academic-muted:var(--muted);width:min(1180px,100% - 32px);margin:0 auto}.academic-course-page{padding:34px 0 72px}.academic-breadcrumb{color:var(--academic-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;font-size:.92rem;display:flex}.academic-breadcrumb a{color:inherit;text-decoration:none}.academic-breadcrumb a:hover{color:var(--academic-accent)}.academic-course-hero{border:1px solid var(--academic-border);background:var(--academic-surface);border-radius:24px;grid-template-columns:auto minmax(0,1fr) minmax(280px,350px);align-items:start;gap:24px;padding:28px;display:grid;box-shadow:0 10px 30px #1428200f}.academic-course-icon{background:var(--academic-accent-soft);width:58px;height:58px;color:var(--academic-accent);border-radius:18px;place-items:center;font-size:1.7rem;font-weight:800;display:grid}.academic-kicker,.academic-section-label,.academic-course-heading .academic-kicker{color:var(--academic-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.academic-course-heading h1,.academic-lesson-header h1{color:var(--ink);letter-spacing:-.03em;margin:6px 0 8px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.academic-course-heading>p:not(.academic-arabic-title){max-width:720px;color:var(--academic-muted);margin:0;font-size:1.02rem;line-height:1.7}.academic-arabic-title,.academic-inline-arabic{color:var(--ink);font-family:var(--font-arabic);margin:10px 0;font-size:1.55rem;line-height:1.9}.academic-meta{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.academic-meta span{border:1px solid var(--academic-border);min-height:32px;color:var(--academic-muted);background:color-mix(in srgb, var(--surface) 92%, var(--soft));border-radius:999px;align-items:center;padding:6px 10px;font-size:.86rem;display:inline-flex}.academic-course-progress-card{border:1px solid var(--academic-border);background:color-mix(in srgb, var(--surface) 94%, var(--soft));border-radius:18px;padding:20px}.academic-progress-label{justify-content:space-between;align-items:center;gap:16px;font-size:.9rem;display:flex}.academic-progress-label strong{color:var(--ink);font-size:1.2rem}.academic-progress-track,.academic-module-progress{background:color-mix(in srgb, var(--line) 60%, transparent);border-radius:999px;height:8px;margin:12px 0 8px;overflow:hidden}.academic-progress-track span,.academic-module-progress span{border-radius:inherit;background:var(--academic-accent);height:100%;transition:width .22s;display:block}.academic-course-progress-card p{color:var(--academic-muted);margin:0 0 16px;font-size:.86rem}.academic-primary-button,.academic-secondary-button{min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-weight:750;text-decoration:none;display:inline-flex}.academic-primary-button{background:var(--academic-accent);color:#fff;width:100%}.academic-primary-button:disabled{opacity:.64;cursor:progress}.academic-secondary-button{border-color:var(--academic-border);color:var(--ink);background:var(--surface)}.academic-alert{color:#76550e;background:#fff9e9;border:1px solid #e0b95d;border-radius:12px;margin-top:14px;padding:12px 14px}[data-theme=dark] .academic-alert{color:#f2d889;background:#2d2512}.academic-resume-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 34px;display:grid}.academic-resume-grid article{border:1px solid var(--academic-border);background:var(--academic-surface);border-radius:16px;padding:18px 20px}.academic-resume-grid span{color:var(--academic-muted);margin-bottom:5px;font-size:.8rem;font-weight:700;display:block}.academic-resume-grid strong{color:var(--ink);font-size:1rem}.academic-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:14px;display:flex}.academic-section-heading span{color:var(--academic-accent);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800}.academic-section-heading h2{margin:5px 0 0;font-size:1.55rem}.academic-section-heading p{max-width:480px;color:var(--academic-muted);margin:0;font-size:.92rem}.academic-module-list{gap:14px;display:grid}.academic-level-heading{border:1px solid var(--academic-border);background:linear-gradient(135deg, color-mix(in srgb, var(--academic-accent) 10%, transparent), transparent 68%), var(--academic-surface);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin:26px 0 2px;padding:18px 20px;display:grid}.academic-level-heading:first-child{margin-top:0}.academic-level-number{background:var(--academic-accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:14px;place-items:center;width:46px;height:46px;font-size:.84rem;font-weight:850;display:grid}.academic-level-heading span{color:var(--academic-accent);text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px;font-size:.74rem;font-weight:800;display:block}.academic-level-heading h3{color:var(--ink);margin:0;font-size:1.08rem}.academic-level-heading small{color:var(--academic-muted);margin-top:4px;font-size:.78rem;display:block}.academic-module-card{border:1px solid var(--academic-border);background:var(--academic-surface);border-radius:18px;overflow:hidden}.academic-module-toggle{width:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;padding:20px;display:grid}.academic-module-number{background:var(--academic-accent-soft);width:38px;height:38px;color:var(--academic-accent);border-radius:12px;place-items:center;font-size:.78rem;font-weight:800;display:grid}.academic-module-copy>span{color:var(--academic-muted);text-transform:uppercase;font-size:.74rem;font-weight:750}.academic-module-copy h3{margin:3px 0;font-size:1.08rem}.academic-module-copy p{color:var(--academic-muted);margin:0;font-size:.88rem;line-height:1.55}.academic-module-stat{color:var(--academic-muted);grid-template-columns:auto auto auto;align-items:center;gap:10px;font-size:.8rem;display:grid}.academic-module-stat strong{color:var(--ink)}.academic-module-stat i{background:var(--soft);border-radius:10px;place-items:center;width:30px;height:30px;font-size:1.1rem;font-style:normal;display:grid}.academic-module-progress{height:4px;margin:0}.academic-lesson-list{border-top:1px solid var(--academic-border)}.academic-lesson-row{border-bottom:1px solid var(--academic-border);min-height:64px;color:inherit;grid-template-columns:30px 34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 18px;text-decoration:none;display:grid}.academic-lesson-row:last-child{border-bottom:0}.academic-lesson-row:hover,.academic-lesson-row.is-current{background:var(--academic-accent-soft)}.academic-lesson-row.is-locked{opacity:.62;cursor:not-allowed}.academic-status-icon{border-radius:999px;place-items:center;width:26px;height:26px;font-size:.86rem;display:grid}.academic-status-icon.completed{background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--brand)}.academic-status-icon.current{background:var(--academic-accent);color:#fff}.academic-status-icon.available{color:var(--academic-muted)}.academic-lesson-number{color:var(--academic-muted);font-variant-numeric:tabular-nums;font-size:.78rem}.academic-lesson-copy{min-width:0}.academic-lesson-copy strong,.academic-lesson-copy small{display:block}.academic-lesson-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;overflow:hidden}.academic-lesson-copy small{color:var(--academic-muted);margin-top:2px;font-size:.78rem}.academic-assessment-badge{background:var(--soft);color:var(--academic-muted);border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:700}.academic-empty-state{border:1px dashed var(--academic-border);text-align:center;border-radius:18px;margin-top:20px;padding:36px}.academic-empty-state p{color:var(--academic-muted)}.academic-lesson-page{grid-template-columns:280px minmax(0,1fr);gap:34px;width:min(1320px,100% - 32px);padding:24px 0 72px;display:grid}.academic-lesson-sidebar{min-width:0}.academic-outline{border:1px solid var(--academic-border);background:var(--academic-surface);border-radius:18px;max-height:calc(100vh - 40px);position:sticky;top:20px;overflow:auto}.academic-outline-header{border-bottom:1px solid var(--academic-border);padding:18px}.academic-outline-header span,.academic-outline-module-title span{color:var(--academic-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:750;display:block}.academic-outline-header strong{margin-top:4px;font-size:.95rem;display:block}.academic-outline-modules section{border-bottom:1px solid var(--academic-border)}.academic-outline-modules section:last-child{border-bottom:0}.academic-outline-module-title{grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;padding:14px 14px 8px;display:grid}.academic-outline-module-title>span{background:var(--soft);border-radius:8px;place-items:center;width:24px;height:24px;display:grid}.academic-outline-module-title strong{font-size:.82rem}.academic-outline-lesson{color:var(--academic-muted);grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;padding:9px 14px;font-size:.82rem;text-decoration:none;display:grid}.academic-outline-lesson:hover,.academic-outline-lesson.is-current{background:var(--academic-accent-soft);color:var(--ink)}.academic-outline-lesson.is-current{font-weight:750}.academic-outline-lesson.is-locked{opacity:.55}.academic-lesson-main{width:100%;min-width:0;max-width:860px;margin:0 auto}.academic-lesson-header{border-bottom:1px solid var(--academic-border);padding:8px 0 26px}.academic-lesson-header h1{max-width:760px;font-size:clamp(2rem,5vw,3.4rem)}.academic-lesson-lead{max-width:760px;color:var(--academic-muted);margin:14px 0 0;font-size:1rem;line-height:1.7}.academic-complete-state{color:var(--brand)!important;border-color:color-mix(in srgb, var(--brand) 35%, var(--academic-border))!important}.academic-content-section{border:1px solid var(--academic-border);background:var(--academic-surface);border-radius:18px;margin:22px 0;padding:24px}.academic-video-section{padding:0;overflow:hidden}.academic-video-section .lesson-video-screen{min-height:auto}.academic-reading,.academic-source-text{font-size:1.06rem;line-height:1.85}.academic-reading p,.academic-source-text p{white-space:pre-line}.academic-source-text blockquote{border-inline-start:4px solid var(--academic-accent);background:var(--academic-accent-soft);font-family:var(--font-arabic);text-align:start;border-radius:12px;margin:18px 0;padding:20px 22px;font-size:clamp(1.55rem,3.5vw,2.15rem);line-height:2}.academic-source-text cite{color:var(--academic-muted);font-size:.84rem;font-style:normal;display:block}.academic-reading-list{margin:16px 0 0;padding-inline-start:24px;line-height:1.75}.academic-reading-list li+li{margin-top:7px}.academic-example-grid,.academic-vocabulary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.academic-example-grid article,.academic-vocabulary-grid article{border:1px solid var(--academic-border);background:color-mix(in srgb, var(--surface) 94%, var(--soft));border-radius:14px;padding:16px}.academic-example-grid article p[lang=ar],.academic-vocabulary-grid article strong[lang=ar]{font-family:var(--font-arabic);font-size:1.35rem;line-height:1.8}.academic-vocabulary-grid article span,.academic-vocabulary-grid article p,.academic-example-grid article small{color:var(--academic-muted);margin-top:5px;line-height:1.55;display:block}.academic-callout{background:var(--academic-accent-soft);border-color:color-mix(in srgb, var(--academic-accent) 24%, var(--academic-border))}.academic-resource-list{gap:10px;margin-top:14px;display:grid}.academic-resource-list a{border:1px solid var(--academic-border);color:inherit;border-radius:12px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;display:grid}.academic-resource-list small{color:var(--academic-muted);margin-top:2px;display:block}.academic-assessment-card,.academic-completion-panel{justify-content:space-between;align-items:center;gap:20px;display:flex}.academic-assessment-card h2{margin:4px 0;font-size:1.25rem}.academic-assessment-card p,.academic-completion-panel p{color:var(--academic-muted);margin:0}.academic-completion-panel{border:1px solid var(--academic-border);background:var(--academic-surface);border-radius:18px;margin-top:28px;padding:20px}.academic-completion-panel>div span,.academic-completion-panel>div strong{display:block}.academic-completion-panel>div span{color:var(--academic-muted);font-size:.78rem}.academic-completion-panel>div strong{margin-top:4px}.academic-completion-panel .academic-primary-button{width:auto;min-width:180px}.academic-lesson-navigation{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:18px;display:grid}.academic-lesson-navigation>a{border:1px solid var(--academic-border);min-height:64px;color:inherit;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.academic-lesson-navigation>a.next{text-align:end;justify-content:flex-end}.academic-lesson-navigation small,.academic-lesson-navigation strong{display:block}.academic-lesson-navigation small{color:var(--academic-muted);font-size:.72rem}.academic-lesson-navigation strong{margin-top:2px;font-size:.88rem}.academic-content-mobile-button,.academic-drawer-backdrop{display:none}.academic-course-page .sr-only,.academic-lesson-page .sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (max-width:1024px){.academic-course-hero{grid-template-columns:auto minmax(0,1fr)}.academic-course-progress-card{grid-column:1/-1}.academic-lesson-page{grid-template-columns:240px minmax(0,1fr);gap:22px}}@media (max-width:768px){.academic-course-page,.academic-lesson-page{width:min(100% - 24px,760px)}.academic-course-page{padding-top:20px}.academic-course-hero{grid-template-columns:1fr;gap:16px;padding:20px}.academic-course-icon{width:48px;height:48px}.academic-course-heading h1,.academic-lesson-header h1{font-size:clamp(1.9rem,8vw,2.6rem)}.academic-resume-grid,.academic-example-grid,.academic-vocabulary-grid{grid-template-columns:1fr}.academic-section-heading{flex-direction:column;align-items:start;gap:8px}.academic-module-toggle{grid-template-columns:auto minmax(0,1fr)}.academic-module-stat{grid-column:2;justify-content:start}.academic-lesson-row{grid-template-columns:30px 28px minmax(0,1fr)}.academic-assessment-badge{grid-column:3;justify-self:start}.academic-lesson-page{padding-top:12px;display:block}.academic-lesson-sidebar{display:none}.academic-content-mobile-button{z-index:18;border:1px solid var(--academic-border);background:var(--academic-surface);min-height:42px;color:var(--ink);font:inherit;border-radius:12px;align-items:center;gap:8px;margin:0 0 14px;padding:8px 12px;font-weight:700;display:inline-flex;position:sticky;top:8px;box-shadow:0 6px 20px #14282014}.academic-drawer-backdrop{z-index:100;background:#0000006b;display:block;position:fixed;inset:0}.academic-mobile-drawer{inset-inline:0;background:var(--paper);border-radius:22px 22px 0 0;max-height:min(82vh,720px);padding:12px;position:absolute;bottom:0;overflow:auto}.academic-mobile-drawer .academic-outline{max-height:none;position:static}.academic-drawer-close{margin-inline-start:auto;border:1px solid var(--academic-border);background:var(--surface);width:40px;height:40px;color:var(--ink);border-radius:12px;place-items:center;margin-bottom:8px;font-size:1.4rem;display:grid}.academic-content-section{border-radius:16px;padding:18px}.academic-source-text blockquote{padding:16px;font-size:1.45rem}.academic-assessment-card,.academic-completion-panel{flex-direction:column;align-items:stretch}.academic-completion-panel .academic-primary-button,.academic-secondary-button{width:100%}.academic-lesson-navigation{grid-template-columns:1fr}}@media (max-width:420px){.academic-course-page,.academic-lesson-page{width:calc(100% - 20px)}.academic-course-hero{border-radius:18px;padding:16px}.academic-module-toggle,.academic-lesson-row{padding-inline:14px}.academic-lesson-row{grid-template-columns:26px 24px minmax(0,1fr);gap:8px}.academic-lesson-copy strong{white-space:normal}.academic-content-section{padding:16px}}.academic-four-screen-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.academic-screen-card{border:1px solid var(--academic-border);background:var(--academic-surface);min-height:126px;color:inherit;border-radius:16px;gap:6px;padding:16px;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:grid;position:relative}.academic-screen-card:hover:not(.is-disabled){border-color:color-mix(in srgb, var(--academic-accent) 35%, var(--academic-border));background:var(--academic-accent-soft);transform:translateY(-1px)}.academic-screen-card.is-active{border-color:color-mix(in srgb, var(--academic-accent) 45%, var(--academic-border));background:var(--academic-accent-soft)}.academic-screen-card.is-disabled{opacity:.56;cursor:not-allowed}.academic-screen-number{top:12px;color:var(--academic-muted);letter-spacing:.08em;font-size:.7rem;font-weight:800;position:absolute;inset-inline-end:12px}.academic-screen-icon{background:var(--academic-accent-soft);width:34px;height:34px;color:var(--academic-accent);border-radius:10px;place-items:center;font-size:1rem;font-weight:800;display:grid}.academic-screen-card strong{margin-top:4px;font-size:.95rem}.academic-screen-card small{color:var(--academic-muted);font-size:.78rem;line-height:1.45}.academic-screen-anchor,.academic-video-section,.academic-diagram-section,.academic-assessment-card{scroll-margin-top:90px}.academic-diagram-heading{justify-content:space-between;align-items:start;gap:20px;margin-top:12px;display:flex}.academic-diagram-heading h2{margin:0;font-size:1.35rem}.academic-diagram-heading p{color:var(--academic-muted);margin:5px 0 0}.academic-diagram-heading>strong{font-family:var(--font-arabic);font-size:1.55rem;line-height:1.8}.academic-diagram-flow{gap:18px;margin-top:20px;display:grid}.academic-diagram-root{border:1px solid color-mix(in srgb, var(--academic-accent) 28%, var(--academic-border));background:var(--academic-accent-soft);text-align:center;border-radius:14px;width:min(100%,320px);margin:0 auto;padding:16px}.academic-diagram-root strong,.academic-diagram-root span{display:block}.academic-diagram-root strong{font-family:var(--font-arabic);font-size:1.4rem;line-height:1.8}.academic-diagram-root span{margin-top:4px;font-weight:750}.academic-diagram-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.academic-diagram-branches article{border:1px solid var(--academic-border);background:color-mix(in srgb, var(--surface) 94%, var(--soft));border-radius:14px;padding:16px}.academic-diagram-branches strong,.academic-diagram-branches span{display:block}.academic-diagram-branches strong{font-family:var(--font-arabic);font-size:1.3rem;line-height:1.8}.academic-diagram-branches span{margin-top:4px;font-weight:750}.academic-diagram-branches p{color:var(--academic-muted);margin:6px 0 0;line-height:1.55}@media (max-width:768px){.academic-four-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.academic-screen-card{min-height:112px}.academic-diagram-heading{flex-direction:column}.academic-diagram-branches{grid-template-columns:1fr}}@media (max-width:390px){.academic-four-screen-grid{gap:8px}.academic-screen-card{min-height:106px;padding:13px}.academic-screen-number{top:10px;inset-inline-end:10px}}.academic-four-screen-grid .academic-screen-card{width:100%;font:inherit;text-align:start;cursor:pointer}.academic-four-screen-grid .academic-screen-card:disabled{cursor:not-allowed}.academic-four-screen-grid .academic-screen-card.is-completed:not(.is-active){border-color:color-mix(in srgb, var(--academic-accent) 26%, var(--academic-border))}.academic-four-screen-grid .academic-screen-card.is-completed:not(.is-active) .academic-screen-icon{background:color-mix(in srgb, var(--academic-accent) 15%, var(--surface));color:var(--academic-accent)}.academic-four-screen-grid .academic-screen-card.is-locked-step{opacity:.5;background:color-mix(in srgb, var(--surface) 95%, var(--soft))}.academic-four-screen-grid .academic-screen-card.is-missing-content:not(.is-locked-step){border-style:dashed}.academic-screen-progress{color:var(--academic-muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:-4px 0 22px;font-size:.78rem;font-weight:750;display:grid}.academic-screen-progress>div{background:color-mix(in srgb, var(--line) 60%, transparent);border-radius:999px;height:5px;overflow:hidden}.academic-screen-progress>div>span{border-radius:inherit;background:var(--academic-accent);height:100%;transition:width .32s cubic-bezier(.22,1,.36,1);display:block}.academic-screen-stage{min-height:260px;scroll-margin-top:88px}.academic-screen-pane{transform-origin:top;will-change:opacity, transform}.academic-screen-stage.is-entered .academic-screen-pane{animation:.36s cubic-bezier(.22,1,.36,1) both academic-screen-enter-forward}.academic-screen-stage.direction-backward.is-entered .academic-screen-pane{animation-name:academic-screen-enter-backward}.academic-screen-stage.is-exiting .academic-screen-pane{pointer-events:none;animation:.18s both academic-screen-exit-forward}.academic-screen-stage.direction-backward.is-exiting .academic-screen-pane{animation-name:academic-screen-exit-backward}@keyframes academic-screen-enter-forward{0%{opacity:0;transform:translate(20px)translateY(4px)}to{opacity:1;transform:translate(0)translateY(0)}}@keyframes academic-screen-enter-backward{0%{opacity:0;transform:translate(-20px)translateY(4px)}to{opacity:1;transform:translate(0)translateY(0)}}@keyframes academic-screen-exit-forward{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-16px)}}@keyframes academic-screen-exit-backward{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(16px)}}.academic-screen-actions{grid-template-columns:minmax(0,1fr) minmax(180px,auto);align-items:center;gap:12px;margin:22px 0 4px;display:grid}.academic-screen-actions .academic-primary-button{justify-self:end;width:auto;min-width:190px}.academic-screen-actions .academic-secondary-button{justify-self:start}.academic-screen-empty{text-align:center;padding-block:42px}.academic-screen-empty>span[aria-hidden=true]{background:var(--academic-accent-soft);width:52px;height:52px;color:var(--academic-accent);border-radius:16px;place-items:center;margin:0 auto 14px;font-size:1.35rem;font-weight:800;display:grid}.academic-screen-empty h2{margin:0;font-size:1.25rem}.academic-screen-empty p{max-width:560px;color:var(--academic-muted);margin:8px auto 0;line-height:1.65}@media (max-width:768px){.academic-screen-actions{grid-template-columns:1fr}.academic-screen-actions .academic-primary-button,.academic-screen-actions .academic-secondary-button{justify-self:stretch;width:100%;min-width:0}.academic-screen-actions>span:empty{display:none}.academic-screen-progress{margin-bottom:16px}}@media (prefers-reduced-motion:reduce){.academic-screen-stage.is-entered .academic-screen-pane,.academic-screen-stage.direction-backward.is-entered .academic-screen-pane,.academic-screen-stage.is-exiting .academic-screen-pane,.academic-screen-stage.direction-backward.is-exiting .academic-screen-pane{animation:none}.academic-screen-progress>div>span{transition:none}}.academic-lesson-topbar{z-index:30;border:1px solid var(--academic-border);background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) minmax(220px,300px);align-items:center;gap:18px;width:100%;margin-bottom:18px;padding:12px 14px;display:grid;position:sticky;top:0}.academic-topbar-nav{align-items:center;gap:8px;display:flex}.academic-topbar-action{border:1px solid var(--academic-border);background:var(--academic-surface);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-size:.82rem;font-weight:750;text-decoration:none;display:inline-flex}.academic-topbar-title{text-align:center;min-width:0}.academic-topbar-title span,.academic-topbar-title strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.academic-topbar-title span{color:var(--academic-muted);font-size:.72rem}.academic-topbar-title strong{margin-top:2px;font-size:.9rem}.academic-topbar-tracker{min-width:0}.academic-topbar-tracker-copy{justify-content:space-between;align-items:center;gap:10px;display:flex}.academic-topbar-tracker-copy span,.academic-topbar-tracker small{color:var(--academic-muted);font-size:.72rem}.academic-topbar-tracker-copy strong{color:var(--ink);font-size:.84rem}.academic-topbar-tracker-line{background:color-mix(in srgb, var(--line) 65%, transparent);border-radius:999px;height:5px;margin:6px 0 4px;overflow:hidden}.academic-topbar-tracker-line span{border-radius:inherit;background:var(--academic-accent);height:100%;transition:width .28s;display:block}.academic-concept-reader{max-width:760px;margin:0 auto}.academic-concept-section{border-bottom:1px solid var(--academic-border);padding:30px 0}.academic-concept-section:first-child{padding-top:8px}.academic-concept-section:last-child{border-bottom:0}.academic-concept-section h2{color:var(--ink);margin:0 0 16px;font-size:1.22rem;line-height:1.3}.academic-concept-section h3{color:var(--ink);margin:22px 0 8px;font-size:1rem}.academic-concept-prose{color:var(--ink);font-size:1.04rem;line-height:1.9}.academic-concept-prose p{white-space:pre-line;margin:0}.academic-concept-subsection+.academic-concept-subsection{margin-top:20px}.academic-concept-list{color:var(--ink);margin:0;padding-inline-start:22px;line-height:1.8}.academic-concept-list li+li{margin-top:8px}.academic-concept-primary-text blockquote{color:var(--ink);font-family:var(--font-arabic);text-align:start;background:0 0;border:0;margin:0 0 14px;padding:0;font-size:clamp(1.65rem,3.4vw,2.2rem);line-height:2.05}.academic-concept-primary-text>p{color:var(--ink);margin:0;font-size:1rem;line-height:1.8}.academic-concept-primary-text cite{color:var(--academic-muted);margin-top:10px;font-size:.8rem;font-style:normal;display:block}.academic-concept-examples{gap:0;display:grid}.academic-concept-example{border-top:1px solid var(--academic-border);grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px 0;display:grid}.academic-concept-example:first-child{border-top:0;padding-top:0}.academic-concept-index{color:var(--academic-muted);letter-spacing:.05em;font-size:.74rem;font-weight:800}.academic-concept-example strong{margin-bottom:4px;display:block}.academic-concept-example p{margin:0;line-height:1.7}.academic-concept-example small{color:var(--academic-muted);margin-top:6px;line-height:1.6;display:block}.academic-concept-arabic{font-family:var(--font-arabic);font-size:1.35rem;margin:8px 0!important;line-height:1.9!important}.academic-concept-vocabulary{margin:0}.academic-concept-vocabulary>div{border-top:1px solid var(--academic-border);grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:22px;padding:14px 0;display:grid}.academic-concept-vocabulary>div:first-child{border-top:0;padding-top:0}.academic-concept-vocabulary dt,.academic-concept-vocabulary dd{margin:0}.academic-concept-vocabulary dt strong,.academic-concept-vocabulary dt span{display:block}.academic-concept-vocabulary dt strong{font-family:var(--font-arabic);font-size:1.25rem;line-height:1.7}.academic-concept-vocabulary dt span{color:var(--academic-muted);font-size:.8rem}.academic-concept-vocabulary dd{color:var(--ink);line-height:1.65}.academic-concept-empty{color:var(--academic-muted);margin:0;font-style:italic}.academic-practice-reflection,.academic-practice-resources{border-bottom:1px solid var(--academic-border);margin:0 0 24px;padding:0 0 24px}.academic-practice-reflection>span{color:var(--academic-accent);text-transform:uppercase;letter-spacing:.07em;font-size:.74rem;font-weight:800}.academic-practice-reflection h2,.academic-practice-resources h2{margin:6px 0 10px;font-size:1.2rem}.academic-practice-reflection p{color:var(--ink);margin:0;font-size:1rem;line-height:1.75}@media (max-width:1024px){.academic-lesson-topbar{grid-template-columns:auto minmax(0,1fr)}.academic-topbar-tracker{grid-column:1/-1}}@media (max-width:768px){.academic-lesson-topbar{border-radius:14px;grid-template-columns:1fr;gap:10px;padding:10px}.academic-topbar-nav{justify-content:space-between}.academic-topbar-action{flex:1;justify-content:center}.academic-topbar-title{text-align:start}.academic-concept-section{padding:24px 0}.academic-concept-vocabulary>div{grid-template-columns:1fr;gap:6px}}@media (max-width:420px){.academic-topbar-title strong{white-space:normal}.academic-concept-reader{width:100%}}@media (prefers-reduced-motion:reduce){.academic-topbar-tracker-line span{transition:none}}.academic-concept-box{border:1px solid var(--academic-border);background:var(--academic-surface);border-radius:16px;transition:border-color .18s,background .18s,box-shadow .18s;overflow:hidden}.academic-concept-box.is-open{border-color:color-mix(in srgb, var(--academic-accent) 32%, var(--academic-border));box-shadow:0 8px 24px #1428200d}.academic-concept-box-toggle{width:100%;min-height:66px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:38px minmax(0,1fr) 34px;align-items:center;gap:12px;padding:14px 16px;display:grid}.academic-concept-box-toggle:hover{background:var(--academic-accent-soft)}.academic-concept-box-number{background:var(--soft);width:34px;height:34px;color:var(--academic-muted);letter-spacing:.05em;border-radius:10px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.academic-concept-box-toggle>strong{font-size:1rem}.academic-concept-box-chevron{background:var(--soft);width:30px;height:30px;color:var(--academic-muted);border-radius:9px;place-items:center;font-size:1.1rem;display:grid}.academic-concept-box-content{padding:4px 18px 20px 68px;animation:.18s both academic-concept-box-open}@keyframes academic-concept-box-open{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.academic-concept-box.is-primary-text{border-color:color-mix(in srgb, var(--academic-accent) 46%, var(--academic-border));background:color-mix(in srgb, var(--academic-accent) 9%, var(--surface))}.academic-concept-box.is-primary-text .academic-concept-box-toggle{background:color-mix(in srgb, var(--academic-accent) 8%, transparent)}.academic-concept-box.is-primary-text .academic-concept-box-number,.academic-concept-box.is-primary-text .academic-concept-box-chevron{background:var(--academic-accent);color:#fff}.academic-primary-text-content blockquote{border-inline-start:4px solid var(--academic-accent);background:color-mix(in srgb, var(--academic-accent) 14%, var(--surface));color:var(--ink);font-family:var(--font-arabic);text-align:start;border-radius:12px;margin:4px 0 14px;padding:18px 20px;font-size:clamp(1.8rem,4vw,2.5rem);line-height:2.05}.academic-primary-text-content>p{color:var(--ink);margin:0;font-size:1.02rem;line-height:1.8}.academic-primary-text-content cite{color:var(--academic-muted);margin-top:10px;font-size:.8rem;font-style:normal;display:block}.academic-vocabulary-rows{gap:0;display:grid}.academic-vocabulary-row{border-top:1px solid var(--academic-border);grid-template-columns:34px minmax(130px,.7fr) minmax(0,1.3fr);align-items:start;gap:14px;padding:14px 0;display:grid}.academic-vocabulary-row:first-child{border-top:0;padding-top:0}.academic-vocabulary-row-number{color:var(--academic-muted);letter-spacing:.04em;font-size:.72rem;font-weight:800}.academic-vocabulary-row>strong{font-family:var(--font-arabic);font-size:1.32rem;line-height:1.7}.academic-vocabulary-row>div>span{color:var(--ink);font-weight:700;display:block}.academic-vocabulary-row>div>p{color:var(--academic-muted);margin:5px 0 0;line-height:1.6}@media (max-width:768px){.academic-concept-box-content{padding:2px 14px 18px}.academic-concept-box-toggle{grid-template-columns:34px minmax(0,1fr) 32px;padding:12px 13px}.academic-vocabulary-row{grid-template-columns:28px minmax(0,1fr);gap:8px 10px}.academic-vocabulary-row>div{grid-column:2}}@media (prefers-reduced-motion:reduce){.academic-concept-box,.academic-concept-box-content{transition:none;animation:none}}.academic-concept-accordion{gap:16px;max-width:820px;margin:0 auto;display:grid}.academic-concept-open-card{border:1px solid var(--academic-border);border-inline-start:4px solid color-mix(in srgb, var(--academic-accent) 72%, var(--academic-border));background:var(--academic-surface);border-radius:14px;padding:20px 22px 22px;position:relative}.academic-concept-open-card.is-primary-text{border-inline-start-color:var(--academic-accent);background:color-mix(in srgb, var(--academic-accent) 7%, var(--surface))}.academic-concept-open-card-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.academic-concept-open-card-header>strong{color:var(--ink);font-size:1rem}.academic-concept-open-card-content{min-width:0}.academic-concept-open-card .academic-concept-box-number{flex:none}.academic-concept-open-card.is-primary-text .academic-concept-box-number{background:var(--academic-accent);color:#fff}.academic-concept-open-card.is-primary-text .academic-primary-text-content blockquote{margin-top:0}@media (max-width:768px){.academic-concept-open-card{border-inline-start-width:3px;padding:16px}.academic-concept-open-card-header{margin-bottom:12px}}.academic-translation-content p{color:var(--ink);white-space:pre-line;margin:0;font-size:1.04rem;line-height:1.85}.academic-lesson-brandbar{z-index:60;color:#f8f6f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 18% 0,#f3d27b1f,#0000 30%),linear-gradient(135deg,#0e6b50fa,#064e3bfc 62%,#022c22fc);border-bottom:1px solid #d4af37d1;grid-column:1/-1;align-items:center;width:100%;min-height:76px;padding:10px 16px;display:flex;position:sticky;top:0;box-shadow:0 12px 32px #02070d2e}.academic-lesson-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.academic-lesson-brand-logo{color:#f3d27b;background:#02070d2e;border:1px solid #d4af37;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative;box-shadow:inset 0 0 16px #d4af3712}.academic-lesson-brand-logo:before,.academic-lesson-brand-logo:after{content:"";border:1px solid #f3d27ba3;border-radius:11px;position:absolute;inset:7px;transform:rotate(45deg)}.academic-lesson-brand-logo:after{opacity:.6;inset:13px;transform:none}.academic-lesson-brand-logo>span{z-index:1;font-family:var(--font-arabic), "Amiri", serif;font-size:1.45rem;font-weight:900;position:relative}.academic-lesson-brand-copy{min-width:0}.academic-lesson-brand-copy strong,.academic-lesson-brand-copy small{display:block}.academic-lesson-brand-copy strong{font-family:Georgia,Times New Roman,serif;font-size:1.2rem;line-height:1.05}.academic-lesson-brand-copy small{color:#f8f6f2c2;margin-top:4px;font-size:.78rem;font-weight:700}.academic-lesson-topbar{z-index:50;grid-template-columns:minmax(220px,1fr) minmax(260px,1.4fr) minmax(220px,1fr);top:76px}.academic-topbar-nav{justify-self:start}.academic-topbar-title{justify-self:center;width:min(100%,520px);text-align:center!important}.academic-topbar-tracker{justify-self:stretch}@media (max-width:1024px){.academic-lesson-topbar{grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) minmax(180px,1fr);top:76px}.academic-topbar-tracker{grid-column:auto}}@media (max-width:768px){.academic-lesson-brandbar{min-height:64px;padding:8px 10px}.academic-lesson-brand-logo{border-radius:12px;width:42px;height:42px}.academic-lesson-brand-copy strong{font-size:1.05rem}.academic-lesson-brand-copy small{font-size:.7rem}.academic-lesson-topbar{grid-template-columns:1fr;top:64px}.academic-topbar-title{order:-1;justify-self:center;width:100%;text-align:center!important}.academic-topbar-nav{justify-self:stretch}.academic-topbar-tracker{grid-column:1}}.academic-lesson-page{padding-top:0}.academic-lesson-brandbar{border-radius:0;min-height:56px;padding:0;box-shadow:0 8px 22px #02070d24}.academic-lesson-brandbar-inner{justify-content:space-between;align-items:center;gap:18px;width:min(1320px,100% - 24px);min-height:56px;margin:0 auto;padding:6px 0;display:flex}.academic-lesson-brand{gap:9px}.academic-lesson-brand-logo{border-radius:10px;width:38px;height:38px}.academic-lesson-brand-logo:before{border-radius:8px;inset:6px}.academic-lesson-brand-logo:after{inset:11px}.academic-lesson-brand-logo>span{font-size:1.18rem}.academic-lesson-brand-copy strong{font-size:1rem}.academic-lesson-brand-copy small{margin-top:2px;font-size:.67rem}.academic-brandbar-actions{align-items:center;gap:8px;display:flex}.academic-brandbar-action{color:#f8f6f2;min-height:34px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #f3d27b42;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:.76rem;font-weight:750;text-decoration:none;display:inline-flex}.academic-brandbar-action:hover{background:#ffffff1c;border-color:#f3d27b7a}.academic-lesson-topbar{border-radius:0 0 14px 14px;grid-template-columns:minmax(0,1.4fr) minmax(220px,.9fr);min-height:58px;margin-top:0;padding:9px 12px;top:56px}.academic-topbar-title{justify-self:center;width:100%}.academic-topbar-tracker{justify-self:end;width:min(100%,300px)}@media (max-width:768px){.academic-lesson-brandbar{min-height:50px}.academic-lesson-brandbar-inner{gap:10px;width:calc(100% - 16px);min-height:50px;padding:5px 0}.academic-lesson-brand-logo{width:34px;height:34px}.academic-lesson-brand-copy strong{font-size:.92rem}.academic-lesson-brand-copy small{display:none}.academic-brandbar-actions{gap:6px}.academic-brandbar-action{min-height:32px;padding:5px 8px;font-size:.72rem}.academic-lesson-topbar{border-radius:0 0 12px 12px;grid-template-columns:1fr;gap:8px;padding:8px 10px;top:50px}.academic-topbar-tracker{justify-self:stretch;width:100%}}@media (max-width:390px){.academic-brandbar-action span:last-child{display:none}.academic-brandbar-action{width:32px;padding:5px}}.arabic-reading-foundation{--arf-bg:#071526;--arf-page:#050b14;--arf-page-2:#071526;--arf-gold:#d8b45c;--arf-text:#f7fbf9;--arf-muted:#a9bbb4;--tajweed-madd:#55d6ff;--tajweed-ghunnah:#7cf29a;--tajweed-ikhfa:#ffbf5b;--tajweed-izhar:#5de2d0;--tajweed-idgham:#c69cff;--tajweed-iqlab:#ff7ac8;--tajweed-qalqalah:#ffe46b;--tajweed-tafkhim:#ff8b66;background:radial-gradient(circle at 50% -10%,#d4af3714,#0000 30%),linear-gradient(#071526 0%,#050b14 100%);padding:clamp(18px,2.5vw,34px) clamp(14px,2vw,28px) 28px}.arabic-reading-foundation-shell{width:min(100%,1180px);margin:0 auto}.arabic-reading-foundation-tabs{justify-content:center;gap:10px;margin:0 auto 18px;display:flex}.arabic-reading-foundation-tabs button{color:#d8e5df;min-width:132px;font:inherit;cursor:pointer;background:#0e1d19eb;border:1px solid #d8b45c4d;border-radius:999px;padding:11px 20px;font-weight:700;box-shadow:0 8px 24px #00000038}.arabic-reading-foundation-tabs button span{margin-inline-end:8px}.arabic-reading-foundation-tabs button.active{color:#07120f;background:linear-gradient(135deg,#d8b45c,#b38a32);border-color:#e5c874}.arabic-reading-quran-page-wrap,.arabic-reading-listen-screen{place-items:center;display:grid}.arabic-reading-quran-page{background:radial-gradient(circle at 50% 8%,#d4af370e,#0000 26%),linear-gradient(145deg,#071526 0%,#050b14 62%,#03070d 100%);border:1px solid #d8b45cbf;border-radius:12px;width:min(100%,820px);min-height:clamp(560px,70vh,860px);padding:clamp(14px,2vw,24px);position:relative;overflow:hidden;box-shadow:0 26px 70px #00000073,inset 0 0 0 4px #03070d,inset 0 0 0 6px #d8b45cb8,inset 0 0 0 10px #071526}.arabic-reading-quran-page:before,.arabic-reading-quran-page:after{content:"۞";z-index:2;color:#e5c874c7;text-shadow:0 0 12px #d8b45c40;font-size:22px;position:absolute}.arabic-reading-quran-page:before{top:14px;left:18px}.arabic-reading-quran-page:after{bottom:14px;right:18px}.arabic-reading-quran-page-inner{min-height:inherit;background:linear-gradient(90deg,#ffffff02 0,#d8b45c05 50%,#ffffff02 100%);border:1px solid #d8b45c59;align-items:start;gap:26px;padding:clamp(34px,5vw,66px) clamp(24px,5vw,58px) clamp(26px,4vw,44px);display:grid}.arabic-reading-quran-text{width:100%;color:var(--arf-text);text-align:justify;text-align-last:center;font-family:var(--font-arabic);word-spacing:.18em;white-space:pre-wrap;text-rendering:optimizelegibility;font-kerning:normal;text-shadow:0 1px #ffffff0a;font-size:clamp(34px,4.5vw,58px);font-weight:500;line-height:2.15}.quran-reading-word{color:inherit;font:inherit;line-height:inherit;cursor:pointer;vertical-align:baseline;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;margin:0 .025em;padding:.01em .045em .04em;transition:transform .15s,filter .15s,text-shadow .15s;display:inline-block;position:relative}.quran-reading-word:after{content:"";height:1px;box-shadow:none;background:0 0;border-radius:999px;transition:background .15s,box-shadow .15s,transform .15s;position:absolute;bottom:.02em;left:12%;right:12%;transform:scaleX(.45)}.quran-reading-word:hover,.quran-reading-word:focus-visible{filter:brightness(1.06);outline:none}.quran-reading-word:focus-visible:after{background:#e5c87485;transform:scaleX(.78)}.quran-reading-word.is-selected{text-shadow:0 0 9px #e5c87433,0 2px 10px #0000004d;z-index:2;transform:scale(1.065)}.quran-reading-word.is-selected:after{background:linear-gradient(90deg,#0000,#e5c874 22%,#f4d98f 50%,#e5c874 78%,#0000);transform:scaleX(1);box-shadow:0 0 10px #e5c87442}.quran-reading-word-text{display:inline}.quran-selected-word-panel{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#050b14eb;border:1px solid #d8b45c73;border-radius:18px;width:min(100% - 56px,430px);padding:12px 16px 10px;position:absolute;bottom:clamp(112px,11vw,142px);left:50%;transform:translate(-50%);box-shadow:0 16px 38px #00000057}.quran-selected-word-replay{color:#f7fbf9;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:12px;padding:0;display:flex}.quran-selected-word-display{font-family:var(--font-arabic);color:#fff;text-shadow:0 0 18px #ffffff0d;font-size:clamp(36px,5.2vw,54px);line-height:1.45}.quran-selected-word-audio{color:#e5c874;width:30px;height:30px;font-family:var(--font-english);border:1px solid #d8b45c8c;border-radius:999px;place-items:center;font-size:12px;display:inline-grid}.quran-selected-word-caption{color:#aeb9c6;font-family:var(--font-english);direction:ltr;margin-top:2px;font-size:11px;line-height:1.35;display:block}.tajweed-token{font:inherit;transition:filter .16s,text-shadow .16s}.tajweed-token:hover{filter:brightness(1.14);text-shadow:0 0 12px}.tajweed-madd{color:var(--tajweed-madd)}.tajweed-ghunnah{color:var(--tajweed-ghunnah)}.tajweed-ikhfa{color:var(--tajweed-ikhfa)}.tajweed-izhar{color:var(--tajweed-izhar)}.tajweed-idgham{color:var(--tajweed-idgham)}.tajweed-iqlab{color:var(--tajweed-iqlab)}.tajweed-qalqalah{color:var(--tajweed-qalqalah)}.tajweed-tafkhim{color:var(--tajweed-tafkhim)}.arabic-reading-tajweed-legend{z-index:3;color:var(--arf-muted);font-family:var(--font-english);direction:ltr;border-top:1px solid #d8b45c2e;flex-wrap:wrap;justify-content:center;gap:8px 14px;padding-top:14px;font-size:12px;line-height:1.2;display:flex;position:absolute;bottom:clamp(34px,4vw,52px);left:clamp(28px,5vw,58px);right:clamp(28px,5vw,58px)}.arabic-reading-tajweed-legend-item{color:#dce8e3;align-items:center;gap:6px;display:inline-flex}.arabic-reading-tajweed-legend-item i{background:currentColor;border-radius:50%;flex:0 0 9px;width:9px;height:9px;box-shadow:0 0 10px}.arabic-reading-tajweed-legend-item.tajweed-madd{color:var(--tajweed-madd)}.arabic-reading-tajweed-legend-item.tajweed-ghunnah{color:var(--tajweed-ghunnah)}.arabic-reading-tajweed-legend-item.tajweed-ikhfa{color:var(--tajweed-ikhfa)}.arabic-reading-tajweed-legend-item.tajweed-izhar{color:var(--tajweed-izhar)}.arabic-reading-tajweed-legend-item.tajweed-idgham{color:var(--tajweed-idgham)}.arabic-reading-tajweed-legend-item.tajweed-iqlab{color:var(--tajweed-iqlab)}.arabic-reading-tajweed-legend-item.tajweed-qalqalah{color:var(--tajweed-qalqalah)}.arabic-reading-tajweed-legend-item.tajweed-tafkhim{color:var(--tajweed-tafkhim)}.arabic-reading-listen-card{background:radial-gradient(circle at 50% 0,#d4af370f,#0000 30%),linear-gradient(145deg,#071526,#050b14);border:1px solid #d8b45c52;border-radius:28px;place-items:center;gap:26px;width:min(100%,820px);min-height:430px;padding:clamp(30px,5vw,68px);display:grid;box-shadow:0 24px 64px #00000061}.arabic-reading-listen-text{text-align:center;font-family:var(--font-arabic);color:var(--arf-text);white-space:pre-wrap;font-size:clamp(40px,5vw,66px);line-height:1.9}.arabic-reading-audio{filter:invert(.87)hue-rotate(102deg)saturate(.7);width:min(100%,560px)}.arabic-reading-speak-button{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(135deg,#1c785c,#105341);border:1px solid #d8b45c6b;border-radius:999px;padding:14px 24px;font-weight:700;box-shadow:0 12px 30px #07120f4d}.arabic-reading-speak-button span{margin-inline-end:8px}.arabic-reading-foundation-nav{width:min(100%,820px);margin:22px auto 0}.arabic-reading-complete-action{justify-content:center;align-items:center;display:flex}@media (max-width:760px){.arabic-reading-foundation{padding:14px 10px 24px}.arabic-reading-foundation-tabs{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071526f0;border:1px solid #d8b45c2e;border-radius:999px;padding:8px;position:sticky;top:76px}.arabic-reading-foundation-tabs button{flex:1;min-width:0}.arabic-reading-quran-page{min-height:620px;padding:10px}.arabic-reading-quran-page-inner{padding:28px 18px 118px}.arabic-reading-quran-text{word-spacing:.11em;font-size:clamp(31px,9.4vw,43px);line-height:2.05}.quran-reading-word{padding-inline:.035em}.quran-reading-word.is-selected{transform:scale(1.055)}.quran-selected-word-panel{width:auto;padding:10px 12px 9px;bottom:104px;left:20px;right:20px;transform:none}.quran-selected-word-display{font-size:clamp(34px,10vw,46px)}.arabic-reading-tajweed-legend{gap:7px 10px;font-size:11px;bottom:28px;left:22px;right:22px}.arabic-reading-listen-card{min-height:380px;padding:28px 20px}.arabic-reading-foundation-nav{gap:10px}}.course-learning-page .course-learning-breadcrumb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;white-space:nowrap;background:linear-gradient(#071526d1,#050b14d1);border:1px solid #d4af3742;border-radius:999px;flex-wrap:nowrap;gap:0;width:fit-content;max-width:100%;margin-bottom:18px;padding:8px 12px;overflow-x:auto;box-shadow:0 10px 28px #0000002e}.course-learning-page .course-learning-breadcrumb a,.course-learning-page .course-learning-breadcrumb span{color:#f5f8fcc7;flex:none;padding:2px 0;font-size:13px;font-weight:760;line-height:1.2;text-decoration:none}.course-learning-page .course-learning-breadcrumb a:hover{color:#f4d98f;text-decoration:none}.course-learning-page .course-learning-breadcrumb a:after{content:"›";color:#d4af37;margin:0 10px}.course-learning-page .course-learning-breadcrumb span{color:#fff;font-weight:850}.course-learning-page .course-learning-heading{max-width:900px;margin-bottom:26px}.course-learning-page .course-learning-summary{color:#ecf1f7b3;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0b;border:1px solid #d4af3733;border-radius:999px;align-items:center;max-width:100%;margin:16px 0 0;padding:9px 14px;font-size:14px;font-weight:720;line-height:1.2;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.arabic-reading-course-page .course-learning-breadcrumb{margin-bottom:20px}@media (max-width:760px){.course-learning-page .course-learning-breadcrumb{width:100%;padding:8px 11px}.course-learning-page .course-learning-breadcrumb a,.course-learning-page .course-learning-breadcrumb span{font-size:12px}.course-learning-page .course-learning-breadcrumb a:after{margin-inline:8px}.course-learning-page .course-learning-summary{text-align:center;width:100%;padding:9px 12px;font-size:13px;display:block}}.course-learning-page .course-learning-breadcrumb{white-space:nowrap;scrollbar-width:none;flex-wrap:nowrap;width:100%;max-width:100%;overflow-x:auto}.course-learning-page .course-learning-breadcrumb::-webkit-scrollbar{display:none}.course-learning-page .course-learning-summary{white-space:nowrap;text-overflow:ellipsis;max-width:min(100%,760px);overflow:hidden}@media (max-width:767px){.course-learning-page .course-learning-breadcrumb{padding:7px 10px}.course-learning-page .course-learning-summary{width:100%;padding:8px 10px;font-size:12px}}.quran-listen-word{transform-origin:50%;border-radius:10px;padding:0 .035em .035em;transition:transform .14s,background .14s,box-shadow .14s,text-shadow .14s,filter .14s;display:inline-block;position:relative}.quran-listen-word.is-active{text-shadow:0 0 10px #f4d98f2b,0 2px 10px #00000057;filter:brightness(1.1);z-index:2;background:#d4af3718;transform:scale(1.08);box-shadow:inset 0 -1px #f4d98fbf,0 0 16px #d4af371f}@media (max-width:760px){.quran-listen-word.is-active{transform:scale(1.065)}}.compact-page-heading{margin-bottom:22px}.compact-browse-grid{gap:14px}.compact-browse-card{background:radial-gradient(circle at 92% 0%, #d65b720d, transparent 34%), var(--surface);border-color:#d65b7229;border-radius:18px;box-shadow:0 14px 34px #07152612}.compact-browse-card .course-accent{height:4px}.compact-browse-card .course-card-body{padding:20px}.velvet-card-title{color:#d65b72;letter-spacing:-.025em;font-weight:850;margin:0 0 12px!important;font-size:clamp(1.28rem,2.2vw,1.6rem)!important}.compact-chip-row,.hero-chip-row{scrollbar-width:none;flex-wrap:nowrap;gap:7px;max-width:100%;display:flex;overflow-x:auto}.compact-chip-row::-webkit-scrollbar{display:none}.hero-chip-row::-webkit-scrollbar{display:none}.compact-chip-row{margin-bottom:14px}.compact-chip-row span,.hero-chip-row span{color:var(--muted);white-space:nowrap;background:#d65b7211;border:1px solid #d65b7242;border-radius:999px;flex:none;padding:7px 10px;font-size:.75rem;font-weight:720;line-height:1}.compact-card-stats{min-height:20px;color:var(--muted);align-items:center;gap:7px;margin-bottom:14px;font-size:.78rem;font-weight:760;display:flex}.compact-card-actions{gap:12px}.compact-primary-action{border-radius:12px;min-height:40px;padding:9px 15px}.compact-secondary-action{min-height:40px;color:var(--muted);align-items:center;padding:9px 2px;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex}.compact-secondary-action:hover{color:#d65b72}.compact-page-hero{padding:clamp(34px,5vw,58px) clamp(20px,5vw,72px)}.compact-page-hero>div{max-width:860px}.compact-page-hero h1{color:#d65b72;font-size:clamp(2.25rem,5vw,4.4rem)}.compact-page-hero .hero-chip-row{margin-top:16px}.compact-page-hero .hero-actions{margin-top:20px}.course-learning-progress{margin:0 0 22px}.course-learning-progress .progress-shell{height:7px}.premium-module-stack{gap:14px;display:grid}.course-module-pager{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff06, #ffffff02), var(--surface);border-radius:18px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:12px;margin-top:16px;padding:14px;display:grid;box-shadow:0 12px 30px #07152612}.course-module-pager-card{appearance:none;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, var(--soft));min-width:0;min-height:74px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;border-radius:15px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:12px 14px;transition:border-color .16s,transform .16s,background .16s,box-shadow .16s;display:grid}.course-module-pager-card.next{grid-template-columns:minmax(0,1fr) auto}.course-module-pager-card:hover{background:linear-gradient(135deg, #d65b7214, transparent 72%), var(--surface);border-color:#d65b7266;transform:translateY(-1px);box-shadow:0 10px 24px #d65b7214}.course-module-pager-card:focus-visible{outline-offset:2px;outline:2px solid #d65b72}.course-module-pager-card>svg{color:#d65b72;flex:none}.course-module-pager-card>span{gap:4px;min-width:0;display:grid}.course-module-pager-card small{color:#d65b72;font-size:.72rem;font-weight:820;line-height:1.1}.course-module-pager-card strong{min-width:0;color:var(--ink);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:820;line-height:1.3;display:-webkit-box;overflow:hidden}.course-module-pager-card.next>span{text-align:end}.course-module-position{background:#d65b7212;border:1px solid #d65b7240;border-radius:14px;align-content:center;place-items:center;min-width:68px;padding:8px 10px;display:grid}.course-module-position>span{color:#d65b72;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:900;line-height:1}.course-module-position>small{color:var(--muted);white-space:nowrap;margin-top:4px;font-size:.68rem;font-weight:760;line-height:1}.course-module-pager-spacer{min-height:1px}[dir=rtl] .course-module-pager-card{text-align:right}[dir=rtl] .course-module-pager-card.next>span{text-align:left}.learning-module-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #0715260f}.learning-module-header{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:70px;padding:14px 16px;display:grid}.learning-module-title h2{margin:0;font-size:1.02rem;line-height:1.25}.compact-module-number{color:#d65b72;font-variant-numeric:tabular-nums;background:#d65b7212;border:1px solid #d65b723d;border-radius:11px;place-items:center;width:34px;height:34px;font-size:.72rem;font-weight:850;display:inline-grid}.compact-module-count{color:var(--muted);white-space:nowrap;font-size:.76rem;font-weight:760}.module-continue-action{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);background:var(--soft);border-radius:10px;place-items:center;text-decoration:none;display:grid}.compact-module-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.compact-module-level-heading{border:1px solid color-mix(in srgb, var(--brand) 24%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 10%, transparent), transparent 72%), var(--surface);border-radius:16px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:18px;padding:14px 16px;display:grid}.compact-module-level-heading:first-child{margin-top:0}.compact-module-level-number{background:var(--brand);color:#fff;font-variant-numeric:tabular-nums;border-radius:13px;place-items:center;width:42px;height:42px;font-size:.8rem;font-weight:850;display:grid}.compact-module-level-copy{min-width:0}.compact-module-level-copy small,.compact-module-level-copy strong,.compact-module-level-copy em{display:block}.compact-module-level-copy small{color:var(--brand);font-size:.72rem;font-weight:800}.compact-module-level-copy strong{color:var(--ink);margin-top:2px;font-size:1rem;line-height:1.35}.compact-module-level-copy em{color:var(--muted);margin-top:3px;font-size:.74rem;font-style:normal}.selected-module-learning{gap:18px;min-width:0;display:grid}.course-module-selector{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:stretch;gap:10px;max-width:100%;margin:0 0 4px;padding:2px 2px 10px;display:flex;overflow:auto hidden}.course-module-selector::-webkit-scrollbar{display:none}.course-module-selector>button{appearance:none;border:1px solid var(--line);background:var(--surface);min-width:0;min-height:58px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;scroll-snap-align:start;border-radius:14px;flex:0 0 clamp(170px,22vw,235px);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 8px 22px #0715260b}.course-module-selector>button:hover{border-color:color-mix(in srgb, #d65b72 38%, var(--line));transform:translateY(-1px)}.course-module-selector>button:focus-visible{outline-offset:2px;outline:2px solid #d65b72}.course-module-selector>button>span{color:#d65b72;font-variant-numeric:tabular-nums;background:#d65b7212;border:1px solid #d65b723d;border-radius:11px;place-items:center;width:34px;height:34px;font-size:.72rem;font-weight:850;display:grid}.course-module-selector>button>small{min-width:0;color:var(--ink);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.83rem;font-weight:780;line-height:1.35;display:-webkit-box;overflow:hidden}.course-module-selector>button.active{background:linear-gradient(135deg, #d65b721f, #d65b7209), var(--surface);border-color:#d65b726b;box-shadow:0 10px 26px #d65b7217}.course-module-selector>button.active>span{color:#fff;background:#d65b72;border-color:#d65b72}.course-module-selector-level{scroll-snap-align:start;border:1px solid color-mix(in srgb, var(--brand) 22%, var(--line));background:color-mix(in srgb, var(--brand) 7%, var(--surface));border-radius:12px;flex:0 0 180px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;display:grid}.course-module-selector-level>span{background:var(--brand);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:.7rem;font-weight:850;display:grid}.course-module-selector-level>strong{min-width:0;color:var(--ink);font-size:.82rem;line-height:1.35}.compact-module-summary{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;padding:14px;display:grid}.compact-module-summary strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;overflow:hidden}.compact-module-summary .compact-module-count{grid-column:2}.compact-lesson-list{border-top:1px solid var(--line)}.compact-lesson-card{border:0;border-bottom:1px solid var(--line);min-height:56px;box-shadow:none;background:0 0;border-radius:0;padding:10px 14px}.compact-lesson-card:last-child{border-bottom:0}.compact-lesson-copy{min-width:0}.compact-lesson-card h3{text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;line-height:1.25;overflow:hidden}.compact-lesson-card p{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.76rem;overflow:hidden}.compact-lesson-action{border:1px solid var(--line);width:32px;height:32px;color:var(--ink);background:var(--soft);border-radius:10px;flex:0 0 32px;place-items:center;text-decoration:none;display:grid}.compact-lesson-action.is-locked{opacity:.62}.compact-academic-course-hero{border-radius:20px;grid-template-columns:auto minmax(0,1fr) minmax(250px,320px);gap:18px;padding:22px}.compact-academic-course-hero .academic-course-heading h1{color:#d65b72}.compact-academic-course-hero .academic-meta{margin-top:12px}.compact-academic-section-heading{margin-bottom:12px}.compact-academic-section-heading h2{margin:0}@media (max-width:760px){.course-module-pager{border-radius:16px;grid-template-columns:1fr;gap:9px;padding:10px}.course-module-position{border-radius:999px;grid-row:1;grid-template-columns:auto auto;align-content:center;justify-self:center;gap:6px;min-width:92px;min-height:42px;padding:7px 12px}.course-module-position>small{margin-top:0}.course-module-pager-card{border-radius:14px;min-height:68px;padding:11px 12px}.course-module-pager-card strong{-webkit-line-clamp:2;font-size:.9rem}.course-module-pager-spacer{display:none}.course-module-selector{gap:8px;margin-bottom:2px;padding-bottom:8px}.course-module-selector>button{border-radius:13px;flex-basis:clamp(155px,58vw,210px);min-height:54px;padding:9px 10px}.course-module-selector>button>span{border-radius:10px;width:32px;height:32px}.course-module-selector>button>small{font-size:.8rem}.course-module-selector-level{flex-basis:155px;padding:8px 9px}.compact-browse-card .course-card-body{padding:16px}.compact-page-hero{padding:28px 16px 30px}.compact-page-hero h1{font-size:clamp(2rem,9vw,3rem)}.compact-page-hero .hero-actions{gap:8px}.compact-page-hero .hero-actions a{min-height:42px;padding:9px 13px;font-size:.82rem}.learning-module-header{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:62px;padding:12px}.learning-module-header .compact-module-count{grid-column:2;justify-self:start}.learning-module-header .module-continue-action{grid-area:1/3/span 2}.compact-module-grid{grid-template-columns:1fr}.compact-academic-course-hero{grid-template-columns:auto minmax(0,1fr);padding:18px}.compact-academic-course-hero .academic-course-progress-card{grid-column:1/-1;padding:14px}.compact-academic-course-hero .academic-course-icon{border-radius:15px;width:48px;height:48px}.compact-academic-course-hero .academic-course-heading h1{font-size:clamp(1.8rem,8vw,2.5rem)}.academic-module-copy p,.academic-course-heading>p:not(.academic-arabic-title){display:none}}.compact-stat-chip-row{flex-wrap:wrap;gap:9px;margin:0 0 15px;display:flex}.compact-stat-chip{min-height:34px;color:var(--ink);white-space:nowrap;background:linear-gradient(#d65b721f,#d65b720f);border:1px solid #d65b7257;border-radius:999px;align-items:center;padding:8px 12px;font-size:.83rem;font-weight:820;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff09}.section-heading+.compact-stat-chip-row{margin-top:-14px;margin-bottom:20px}@media (max-width:760px){.compact-stat-chip{min-height:32px;padding:7px 11px;font-size:.8rem}}.admin-role-preview-control{background:#071526b8;border:1px solid #d4af3752;border-radius:13px;align-items:center;gap:4px;min-height:38px;padding:4px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.admin-role-preview-label{color:#f5f8fc94;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:0 7px;font-size:.68rem;font-weight:800}.admin-role-preview-control button{color:#f5f8fcb8;min-height:28px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:6px 8px;font-size:.72rem;font-weight:780;transition:background .15s,color .15s,box-shadow .15s}.admin-role-preview-control button:hover{color:#fff;background:#ffffff12}.admin-role-preview-control button.active{color:#071526;background:linear-gradient(135deg,#e5c874,#c79f3c);box-shadow:0 5px 14px #d4af3733}.admin-role-preview-mobile{color:#f8f6f2;background:#071526;border:1px solid #d4af3757;border-radius:10px;width:auto;min-height:34px;padding:6px 10px;font-size:.78rem;font-weight:760}@media (max-width:1180px){.admin-role-preview-label{display:none}.admin-role-preview-control button{padding-inline:6px;font-size:.68rem}}@media (max-width:900px){.admin-role-preview-control{display:none}}.subject-course-section{padding-top:28px}.subject-course-heading{margin-bottom:12px}.subject-course-heading h2{margin:0;font-size:clamp(1.55rem,3vw,2.2rem)}.subject-course-totals{margin-bottom:18px}.subject-course-totals .compact-stat-chip-row{margin:0}.subject-course-totals .compact-stat-chip{min-height:32px;box-shadow:none;background:#d65b720e;border-color:#d65b723d;padding:7px 11px;font-size:.78rem}.subject-course-grid{gap:14px}@media (max-width:760px){.subject-course-section{padding-top:20px}.subject-course-heading{margin-bottom:10px}.subject-course-totals{margin-bottom:14px}}.visual-thinking-card{overflow:visible}.visual-thinking-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.visual-thinking-mode{color:#6b4a13;letter-spacing:.08em;text-transform:uppercase;background:#ffffff59;border:1px solid #7a5a1447;border-radius:999px;align-items:center;min-height:34px;padding:0 13px;font-size:.74rem;font-weight:900;display:inline-flex}.visual-thinking-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0 auto 18px;display:flex}.visual-thinking-toolbar button,.visual-thinking-toolbar>span{color:#173529;background:#ffffff47;border:1px solid #7a5a1440;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 13px;font-weight:800;display:inline-flex}.visual-thinking-toolbar button{cursor:pointer}.visual-thinking-toolbar button:hover{background:#0f6b4b12;border-color:#0f6b4b80}.visual-thinking-layout{grid-template-columns:minmax(0,1fr) minmax(230px,300px);align-items:start;gap:18px;display:grid}.visual-thinking-canvas{scrollbar-width:thin;overscroll-behavior:contain;background:radial-gradient(circle at 20% 20%,#0f6b4b12,#0000 26%),radial-gradient(circle at 80% 80%,#d4af3714,#0000 24%),#ffffff2e;border:1px solid #7a5a1438;border-radius:22px;min-height:460px;max-height:72vh;padding:28px 24px 48px;overflow:auto}.visual-thinking-pan{justify-content:center;width:max-content;min-width:100%;transition:transform .16s;display:flex}.visual-map-branch{justify-items:center;display:grid}.visual-map-node{color:#173529;text-align:center;cursor:pointer;background:linear-gradient(145deg,#ffffffb8,#f7efe1a3),#f7efe1;border:1px solid #7a5a1452;border-radius:18px;align-content:center;justify-items:center;gap:3px;width:clamp(160px,20vw,230px);min-height:92px;padding:14px 36px 14px 14px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative;box-shadow:0 14px 30px #3b2b0c17}.visual-map-node:hover,.visual-map-node.selected{border-color:#0f6b4b99;transform:translateY(-2px);box-shadow:0 18px 38px #0f6b4b26}.visual-map-node.root{color:#f8f3e8;background:linear-gradient(145deg,#0f6b4b,#07392d);border-color:#d4af3799;min-width:205px;box-shadow:0 20px 44px #0f6b4b3d}.visual-map-node.kind-objection{border-style:dashed}.visual-map-node.kind-evidence{background:linear-gradient(145deg,#f1f8f4f2,#e7f1ebeb)}.visual-map-node.kind-conclusion{border-color:#d4af37b3;box-shadow:inset 0 0 0 1px #d4af371f,0 14px 30px #3b2b0c17}.visual-map-node strong{font-family:"Geeza Pro", "Noto Naskh Arabic", var(--font-arabic), serif;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.4}.visual-map-node>span:not(.visual-map-node-icon){font-size:.82rem;font-weight:800;line-height:1.35}.visual-map-node.root>span:not(.visual-map-node-icon){color:#f0d993}.visual-map-node small{color:#0f6b4b;background:#0f6b4b17;border-radius:999px;place-items:center;width:24px;height:24px;font-size:1rem;font-weight:900;display:grid;position:absolute;bottom:10px;right:10px}.visual-map-node.root small{color:#f8f3e8;background:#ffffff24}.visual-map-node-icon{color:#7a4f12;background:#d4af371f;border-radius:999px;place-items:center;width:24px;height:24px;font-size:.8rem;display:grid;position:absolute;top:10px;left:10px}.visual-map-node.root .visual-map-node-icon{color:#f5d36f;background:#ffffff1a}.visual-map-children{justify-content:center;align-items:flex-start;gap:28px;padding-top:44px;display:flex;position:relative}.visual-map-children:before{content:"";background:#7a5a147a;width:1px;height:26px;position:absolute;top:18px;left:50%}.visual-map-edge-group{justify-items:center;display:grid;position:relative}.visual-map-edge{justify-content:center;align-items:flex-end;height:30px;margin-bottom:4px;display:flex;position:relative}.visual-map-edge:before{content:"";background:#7a5a1475;width:1px;position:absolute;top:-26px;bottom:0;left:50%}.visual-map-edge.dashed:before{background:repeating-linear-gradient(#7a5a1480 0 5px,#0000 5px 9px)}.visual-map-edge span{z-index:1;color:#4d370fc7;white-space:nowrap;background:#f8efdaf0;border:1px solid #7a5a142e;border-radius:999px;padding:3px 8px;font-size:.64rem;font-weight:850;position:relative}.mode-flow>.visual-thinking-pan>.visual-map-branch .visual-map-children,.mode-argument>.visual-thinking-pan>.visual-map-branch .visual-map-children,.mode-causeEffect>.visual-thinking-pan>.visual-map-branch .visual-map-children{flex-direction:column;align-items:center;gap:10px}.mode-flow .visual-map-children:before,.mode-argument .visual-map-children:before,.mode-causeEffect .visual-map-children:before{height:100%}.mode-comparison .visual-map-node.root{background:linear-gradient(145deg,#164e63,#0f3a49)}.visual-thinking-inspector{color:#173529;background:#ffffff61;border:1px solid #7a5a1440;border-radius:20px;gap:9px;padding:18px;display:grid;position:sticky;top:88px;box-shadow:0 18px 42px #7a5a1414}.visual-thinking-inspector>span,.visual-thinking-inspector small{color:#7a4f12;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:900}.visual-thinking-inspector h3{color:#0d4d3b;font-family:"Geeza Pro", "Noto Naskh Arabic", var(--font-arabic), serif;margin:0;font-size:2rem;line-height:1.5}.visual-thinking-inspector>strong{font-size:1rem}.visual-thinking-inspector p{color:#18231dc7;margin:0;line-height:1.65}.visual-thinking-evidence,.visual-thinking-examples{border-top:1px solid #7a5a1429;gap:6px;padding-top:10px;display:grid}.visual-thinking-examples ul{gap:5px;margin:0;padding-inline-start:18px;display:grid}.visual-thinking-inspector cite{color:#18231d9e;font-size:.78rem}@media (max-width:920px){.visual-thinking-layout{grid-template-columns:1fr}.visual-thinking-inspector{position:static}.visual-thinking-canvas{min-height:390px}}@media (max-width:620px){.mantiq-diagram-card.visual-thinking-card{border-radius:20px;padding:18px 12px}.visual-thinking-topbar{align-items:flex-start}.visual-thinking-mode{max-width:48%;min-height:30px;font-size:.62rem}.mantiq-diagram-hero{margin-bottom:18px}.mantiq-diagram-hero h1{font-size:clamp(1.8rem,9vw,2.8rem)}.visual-thinking-toolbar{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.visual-thinking-toolbar button,.visual-thinking-toolbar>span{flex:none;min-height:34px;padding:0 11px;font-size:.74rem}.visual-thinking-canvas{min-height:360px;max-height:62vh;padding:22px 18px 42px}.visual-map-node{width:154px;min-height:82px;padding:12px 30px 12px 10px}.visual-map-node strong{font-size:1.22rem}.visual-map-node>span:not(.visual-map-node-icon){font-size:.72rem}.visual-map-children{gap:16px}.mantiq-diagram-actions{margin-top:20px}.mantiq-diagram-actions button{min-height:44px;padding:0 15px;font-size:.82rem}}.tajweed-grid-rule-strip{background:#08181cb8;border:1px solid #d4af3747;border-radius:16px;align-items:center;gap:12px;width:min(100%,1180px);min-height:48px;margin:0 auto;padding:10px 16px;display:flex;box-shadow:0 10px 28px #0000002e}.tajweed-grid-rule-strip .tajweed-grid-eyebrow{flex:none}.tajweed-grid-rule-strip p{color:var(--textLight);margin:0;font-size:14px;line-height:1.35}.tajweed-grid-main{grid-template-columns:1fr;gap:14px}.tajweed-grid-alphabet-panel{grid-column:auto}.tajweed-grid-selected-compact{text-align:start;grid-template-columns:minmax(0,1fr) auto auto;place-items:center stretch;gap:16px;min-height:132px;padding:16px 18px;display:grid}.tajweed-grid-selected-compact:before{opacity:.06}.tajweed-grid-selected-copy{z-index:1;gap:4px;display:grid;position:relative}.tajweed-grid-selected-compact>strong{font-size:clamp(64px,8vw,96px);line-height:.9}.tajweed-grid-selected-compact>button{min-height:42px;padding:0 16px}@media (max-width:720px){.tajweed-grid-main{gap:10px}.tajweed-grid-rule-strip{border-radius:13px;min-height:42px;padding:8px 12px}.tajweed-grid-rule-strip p{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tajweed-grid-alphabet-panel{border-radius:18px;gap:10px;padding:12px}.tajweed-grid-panel-heading{justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.tajweed-grid-panel-heading h2{font-size:20px}.tajweed-grid-panel-heading p{font-size:12px;line-height:1.35}.tajweed-grid-letters,.tajweed-grid-letters.compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.tajweed-grid-letters button{border-radius:14px;gap:2px;min-height:62px}.tajweed-grid-letters span{font-size:34px}.tajweed-grid-letters small{font-size:9px}.tajweed-grid-selected-compact{border-radius:18px;grid-template-columns:1fr auto auto;gap:10px;min-height:108px;padding:12px 14px}.tajweed-grid-selected-compact>strong{font-size:66px}.tajweed-grid-selected-compact h2{font-size:20px}.tajweed-grid-selected-compact>button{min-height:38px;padding:0 12px;font-size:13px}}.tajweed-grid-compact-head{background:#08181cb3;border:1px solid #d4af3738;border-radius:16px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"index title""index subtitle";align-items:center;gap:2px 14px;width:min(100%,1180px);min-height:64px;margin:0 auto;padding:10px 14px;display:grid}.tajweed-grid-lesson-index{min-width:86px;height:40px;color:var(--greenAccent);white-space:nowrap;background:#0f6b4b2e;border:1px solid #78a66a6b;border-radius:999px;grid-area:index;justify-content:center;align-items:center;padding:0 12px;font-weight:900;display:inline-flex}.tajweed-grid-compact-head>strong{color:var(--textLight);grid-area:title;font-size:clamp(20px,2.1vw,28px);line-height:1.15}.tajweed-grid-compact-subtitle{color:var(--softGold);white-space:nowrap;text-overflow:ellipsis;grid-area:subtitle;font-size:13px;font-weight:700;overflow:hidden}.tajweed-grid-stepnav{background:#05121f94;border:1px solid #d4af372e;border-radius:14px;gap:8px;width:min(100%,880px);padding:6px;grid-template-columns:repeat(4,minmax(0,1fr))!important;min-height:auto!important}.tajweed-grid-stepnav button{border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:7px!important;min-height:48px!important;padding:6px 8px!important;display:flex!important}.tajweed-grid-stepnav .tajweed-listen-step-icon{width:28px!important;min-width:28px!important;height:28px!important}.tajweed-grid-stepnav strong{font-size:13px!important;line-height:1!important}.tajweed-grid-stepnav small{display:none!important}@media (max-width:720px){.tajweed-grid-shell{gap:10px!important}.tajweed-grid-compact-head{border-radius:13px;grid-template-columns:auto minmax(0,1fr);column-gap:10px;min-height:54px;padding:8px 10px}.tajweed-grid-lesson-index{min-width:70px;height:34px;padding:0 9px;font-size:12px}.tajweed-grid-compact-head>strong{font-size:18px}.tajweed-grid-compact-subtitle{font-size:11px}.tajweed-grid-stepnav{border-radius:12px;gap:4px;width:100%;padding:4px}.tajweed-grid-stepnav button{gap:4px!important;min-height:42px!important;padding:4px 5px!important}.tajweed-grid-stepnav .tajweed-listen-step-icon{width:24px!important;min-width:24px!important;height:24px!important}.tajweed-grid-stepnav strong{font-size:11px!important}}.qist-visual-stage{width:100%;min-width:0}.qist-visual-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0 auto 16px;display:flex}.qist-visual-toolbar button,.qist-visual-toolbar>span{color:#173529;min-height:36px;font:inherit;background:#ffffff70;border:1px solid #7a5a143d;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.76rem;font-weight:850;display:inline-flex}.qist-visual-toolbar button{cursor:pointer}.qist-visual-toolbar button:hover:not(:disabled){background:#0f6b4b14;border-color:#0f6b4b80}.qist-visual-toolbar button:disabled{opacity:.4;cursor:not-allowed}.qist-visual-body{grid-template-columns:minmax(0,1fr) minmax(220px,290px);align-items:start;gap:18px;display:grid}.qist-visual-viewport{scrollbar-width:thin;overscroll-behavior:contain;background:radial-gradient(circle at 18% 18%,#0f6b4b13,#0000 28%),radial-gradient(circle at 82% 78%,#d4af3716,#0000 25%),#ffffff2e;border:1px solid #7a5a1438;border-radius:22px;min-height:460px;max-height:68vh;position:relative;overflow:auto}.qist-visual-viewport.can-pan{cursor:grab;touch-action:none}.qist-visual-viewport.can-pan:active{cursor:grabbing}.qist-visual-transform{will-change:transform;margin-inline:auto;position:relative}.qist-visual-svg{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.qist-visual-node{z-index:2;color:#173529;text-align:center;cursor:pointer;transform-origin:50%;background:linear-gradient(145deg,#fffffff0,#f7efe1e6);border:1px solid #7a5a144d;border-radius:18px;align-content:center;justify-items:center;gap:4px;padding:14px 34px 14px 14px;display:grid;position:absolute;box-shadow:0 12px 28px #3b2b0c1a}.qist-visual-node:hover,.qist-visual-node.selected{border-color:#0f6b4b9e;box-shadow:0 17px 38px #0f6b4b29}.qist-visual-node.root{color:#f8f3e8;background:linear-gradient(145deg,#0f6b4b,#07392d);border-color:#d4af3794;box-shadow:0 18px 42px #0f6b4b3d}.qist-visual-node.kind-objection{border-style:dashed}.qist-visual-node.kind-evidence{background:linear-gradient(145deg,#f2f8f4,#e8f2ec)}.qist-visual-node.kind-conclusion{border-color:#d4af37b8;box-shadow:inset 0 0 0 1px #d4af371a,0 12px 28px #3b2b0c1a}.qist-visual-node strong{font-family:"Geeza Pro","Noto Naskh Arabic",var(--font-arabic),serif;font-size:clamp(1.22rem,2vw,1.65rem);line-height:1.35}.qist-visual-node>span:not(.qist-visual-node-icon){font-size:.8rem;font-weight:800;line-height:1.35}.qist-visual-node.root>span:not(.qist-visual-node-icon){color:#f0d993}.qist-visual-node-icon{inset-inline-start:10px;color:#7a4f12;background:#d4af3721;border-radius:999px;place-items:center;width:24px;height:24px;font-size:.78rem;display:grid;position:absolute;top:10px}.qist-visual-node.root .qist-visual-node-icon{color:#f5d36f;background:#ffffff1a}.qist-visual-edge-path{fill:none;stroke:#53432385;stroke-width:1.8px;vector-effect:non-scaling-stroke}.qist-visual-edge-path.dashed{stroke-dasharray:7 6}.qist-visual-argument .qist-visual-edge-path.relation-supports{stroke:#39765c}.qist-visual-argument .qist-visual-edge-path.relation-objectsTo{stroke:#8a4c42;stroke-dasharray:7 5}.qist-visual-arrow-head{fill:#534323a8}.qist-visual-edge-label{fill:#705019;paint-order:stroke;stroke:#f8efda;stroke-width:5px;stroke-linejoin:round;font-size:11px;font-weight:800}.qist-visual-inspector{color:#173529;background:#ffffff6b;border:1px solid #7a5a1440;border-radius:20px;gap:9px;padding:18px;display:grid;position:sticky;top:88px;box-shadow:0 18px 42px #7a5a1414}.qist-visual-inspector>span,.qist-visual-inspector small{color:#7a4f12;letter-spacing:.07em;text-transform:uppercase;font-size:.67rem;font-weight:900}.qist-visual-inspector h3{color:#0d4d3b;font-family:"Geeza Pro","Noto Naskh Arabic",var(--font-arabic),serif;margin:0;font-size:1.9rem;line-height:1.45}.qist-visual-inspector>strong{font-size:1rem}.qist-visual-inspector p{color:#18231dc7;margin:0;line-height:1.65}.qist-visual-inspector>div{border-top:1px solid #7a5a1429;gap:6px;padding-top:10px;display:grid}.qist-visual-inspector ul{gap:5px;margin:0;padding-inline-start:18px;display:grid}.qist-visual-inspector cite{color:#18231d9e;font-size:.78rem}.qist-comparison-grid{align-items:stretch;gap:16px;display:grid}.qist-comparison-column{background:#ffffff47;border:1px solid #7a5a1438;border-radius:20px;min-width:0;padding:16px}.qist-comparison-column>h3{color:#6b4a13;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-size:.8rem;font-weight:900}.qist-comparison-column>div{gap:10px;display:grid}.qist-comparison-column button{color:#173529;text-align:center;cursor:pointer;background:#ffffffa6;border:1px solid #7a5a1438;border-radius:16px;gap:5px;width:100%;min-height:96px;padding:13px;display:grid}.qist-comparison-column button.selected{border-color:#0f6b4b94;box-shadow:0 12px 28px #0f6b4b1f}.qist-comparison-column button strong{font-family:"Geeza Pro","Noto Naskh Arabic",var(--font-arabic),serif;font-size:1.35rem}.qist-comparison-column button span{font-weight:850}.qist-comparison-column button small{color:#18231db3;line-height:1.5}.qist-visual-loading,.qist-visual-error{color:#173529;text-align:center;background:#ffffff3d;border:1px solid #7a5a1433;border-radius:20px;align-content:center;place-items:center;gap:10px;min-height:180px;display:grid}.qist-visual-loading>span:first-child{border:3px solid #0f6b4b2e;border-top-color:#0f6b4b;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite qist-visual-spin}@keyframes qist-visual-spin{to{transform:rotate(360deg)}}@media (max-width:920px){.qist-visual-body{grid-template-columns:1fr}.qist-visual-inspector{position:static}.qist-visual-viewport{min-height:400px}}@media (max-width:620px){.qist-visual-toolbar{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.qist-visual-toolbar button,.qist-visual-toolbar>span{flex:none;min-height:34px;padding:0 10px;font-size:.71rem}.qist-visual-viewport{border-radius:17px;min-height:350px;max-height:58vh}.qist-visual-viewport.can-pan{touch-action:pan-y pinch-zoom}.qist-visual-node{border-radius:15px}.qist-comparison-grid{grid-template-columns:1fr!important}}@media (prefers-reduced-motion:reduce){.qist-visual-loading>span:first-child{animation:none}.qist-visual-transform{will-change:auto}}.qist-engine-academic-section .qist-visual-stage,.qist-generic-visual-section .qist-visual-stage,.qist-engine-academic-section .qist-math-visual,.qist-generic-visual-section .qist-math-visual{margin-top:10px}.qist-math-visual{gap:14px;width:100%;min-width:0;display:grid}.qist-math-visual>header{gap:4px;display:grid}.qist-math-visual>header h3{color:#173529;margin:0;font-size:clamp(1.15rem,2vw,1.55rem)}.qist-math-visual>header p{color:#18231dad;margin:0;line-height:1.55}.qist-math-canvas{background:radial-gradient(circle at 18% 18%,#0f6b4b0d,#0000 28%),#ffffff70;border:1px solid #7a5a1438;border-radius:20px;width:100%;overflow:auto hidden;box-shadow:0 16px 36px #28372d14}.qist-math-canvas svg{width:100%;min-width:620px;height:auto;display:block}.qist-math-grid line{stroke:#1735291f;stroke-width:1px;vector-effect:non-scaling-stroke}.qist-math-axes line{stroke:#173529b8;stroke-width:2px;vector-effect:non-scaling-stroke}.qist-math-ticks line{stroke:#1735299e;stroke-width:1.4px;vector-effect:non-scaling-stroke}.qist-math-ticks text,.qist-math-label{fill:#173529;font-size:12px;font-weight:800}.qist-math-series,.qist-math-segment,.qist-math-shape{fill:none;stroke:#0f6b4b;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.qist-math-segment.dashed{stroke-dasharray:8 7}.qist-math-point{fill:#d4af37;stroke:#0d4d3b;stroke-width:2px;vector-effect:non-scaling-stroke}.qist-math-source-shape{fill:#0f6b4b14;stroke:#0f6b4b99;stroke-width:2.5px;stroke-dasharray:8 6;vector-effect:non-scaling-stroke}.qist-math-target-shape{fill:#d4af372e;stroke:#9b7413;stroke-width:3px;vector-effect:non-scaling-stroke}.qist-math-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qist-math-controls label{color:#173529;flex:260px;gap:6px;font-size:.8rem;font-weight:850;display:grid}.qist-math-controls input[type=range]{accent-color:#0f6b4b;width:100%}.qist-math-controls button{color:#173529;min-height:38px;font:inherit;cursor:pointer;background:#fff9;border:1px solid #7a5a1442;border-radius:999px;padding:0 14px;font-size:.78rem;font-weight:850}@media (max-width:620px){.qist-math-canvas{border-radius:15px}.qist-math-canvas svg{min-width:560px}.qist-math-controls{align-items:stretch}.qist-math-controls label{flex-basis:100%}.qist-math-controls button{flex:1 1 0}}.qist-science-visual{gap:14px;width:100%;min-width:0;display:grid}.qist-science-visual>header{gap:4px;display:grid}.qist-science-visual>header h3{color:#173529;margin:0;font-size:clamp(1.15rem,2vw,1.55rem)}.qist-science-visual>header p{color:#18231dad;margin:0;line-height:1.55}.qist-science-canvas{background:radial-gradient(circle at 20% 10%,#0f6b4b0f,#0000 30%),linear-gradient(#ffffff94,#f7f2e885);border:1px solid #7a5a1438;border-radius:20px;width:100%;overflow:auto hidden;box-shadow:0 16px 36px #28372d14}.qist-science-canvas svg{width:100%;min-width:620px;height:auto;display:block}.qist-science-grid path{fill:none;stroke:#17352914;stroke-width:1px}.qist-science-object{fill:#0f6b4b14;stroke:#0f6b4b;stroke-width:2.6px;vector-effect:non-scaling-stroke}.qist-science-object.kind-ball,.qist-science-object.kind-particle{fill:#d4af3738;stroke:#8a6813}.qist-science-object.kind-resistor{fill:#d4af3721;stroke:#8a6813}.qist-science-object.kind-lamp{fill:#d4af372e;stroke:#8a6813}.qist-science-object.kind-lens{fill:#4997c51f;stroke:#397ca2}.qist-science-object.kind-mirror{stroke:#53636b;stroke-width:6px}.qist-science-object.kind-battery line,.qist-science-object.kind-switch line,.qist-science-object.kind-switch circle{fill:#173529;stroke:#173529;stroke-width:3px;vector-effect:non-scaling-stroke}.qist-science-path{fill:none;stroke:#397ca2;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.qist-science-path.kind-wire{stroke:#173529}.qist-science-path.kind-heat{stroke:#a55432}.qist-science-path.kind-trajectory{stroke:#0f6b4b}.qist-science-path.dashed{stroke-dasharray:8 7}.qist-science-vector{stroke:#0f6b4b;stroke-width:4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.qist-science-vector.opposing{stroke:#9a4b43}.qist-science-vector.resultant{stroke:#8a6813;stroke-width:5px}.qist-science-vector-head{fill:#0f6b4b}.qist-science-vector-head.opposing{fill:#9a4b43}.qist-science-vector-head.resultant{fill:#8a6813}.qist-science-label,.qist-science-annotation{fill:#173529;paint-order:stroke;stroke:#f8f4e9eb;stroke-width:4px;stroke-linejoin:round;font-size:13px;font-weight:850}.qist-science-annotation{font-size:14px}.qist-science-interface{stroke:#397ca2;stroke-width:2px;vector-effect:non-scaling-stroke}.qist-science-medium{fill:#4997c514}.qist-science-hot{fill:#b84c2d21;stroke:#a55432;stroke-width:2.5px}.qist-science-cold{fill:#4997c51f;stroke:#397ca2;stroke-width:2.5px}.qist-science-heat-wave{fill:none;stroke:#a55432;stroke-width:5px;stroke-linecap:round}.qist-science-temp{fill:#173529;font-size:24px;font-weight:900}.qist-science-experiment{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;display:grid}.qist-science-result{color:#173529;background:#0f6b4b0f;border:1px solid #0f6b4b33;border-radius:16px;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.qist-science-result span{font-size:.8rem;font-weight:850}.qist-science-result strong{font-size:1.15rem}.qist-science-experiment label{color:#173529;background:#ffffff73;border:1px solid #7a5a1429;border-radius:14px;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:10px;padding:10px 12px;font-size:.78rem;font-weight:800;display:grid}.qist-science-experiment input[type=range]{accent-color:#0f6b4b;width:100%}.qist-science-experiment button{color:#f8f3e8;min-height:40px;font:inherit;cursor:pointer;background:#0f6b4b;border:1px solid #0f6b4b47;border-radius:999px;padding:0 16px;font-weight:850}@media (max-width:620px){.qist-science-canvas{border-radius:15px}.qist-science-canvas svg{min-width:560px}.qist-science-experiment{grid-template-columns:1fr}.qist-science-result{grid-column:auto}}.qist-canvas-simulation{color:#173529;gap:14px;width:100%;min-width:0;display:grid}.qist-canvas-simulation>header{gap:5px;display:grid}.qist-canvas-simulation>header h3{margin:0;font-size:clamp(1.12rem,2vw,1.55rem)}.qist-canvas-simulation>header p{color:#18231dc2;margin:0;line-height:1.7}.qist-canvas-viewport{background:#f7f2e8;border:1px solid #7a5a143d;border-radius:20px;place-items:center;width:100%;min-width:0;display:grid;overflow:hidden}.qist-canvas-viewport canvas{aspect-ratio:760/420;max-width:100%;height:auto;display:block}.qist-canvas-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qist-canvas-controls button{color:#173529;min-height:40px;font:inherit;cursor:pointer;background:#ffffffa6;border:1px solid #0f6b4b59;border-radius:999px;padding:0 16px;font-weight:800}.qist-canvas-controls button:first-child{color:#fff;background:#0f6b4b}.qist-canvas-controls button:disabled{opacity:.5;cursor:not-allowed}.qist-canvas-controls label{background:#ffffff73;border-radius:12px;flex:175px;grid-template-columns:auto minmax(75px,1fr) auto;align-items:center;gap:8px;padding:8px 10px;font-size:.8rem;font-weight:750;display:grid}.qist-canvas-controls label input[type=range]{accent-color:#0f6b4b;width:100%}.qist-canvas-controls label output{font-variant-numeric:tabular-nums;text-align:end;min-width:42px}.qist-canvas-controls .qist-canvas-checkbox{flex:0 150px;justify-content:center;gap:7px;display:flex}.qist-canvas-controls input[type=checkbox]{accent-color:#0f6b4b}.qist-canvas-caption{color:#18231dab;min-height:1.3em;margin:0;font-size:.78rem;line-height:1.5}@media (max-width:620px){.qist-canvas-viewport{border-radius:15px}.qist-canvas-controls{gap:8px}.qist-canvas-controls button{flex:auto}.qist-canvas-controls label{flex:100%}}@media (prefers-reduced-motion:reduce){.qist-canvas-simulation *{scroll-behavior:auto}}.mantiq-concept-layout:has(>[data-universal-screen-tabs]){grid-template-columns:minmax(0,1fr)}:is(.mantiq-concept-layout:has(>[data-universal-screen-tabs])>[data-universal-screen-tabs],.mantiq-concept-layout:has(>[data-universal-screen-tabs])>.mantiq-concept-main){grid-column:1/-1;min-width:0}.universal-lesson-frame .academic-lesson-page.academic-three-widget{width:min(var(--dea-lesson-content-width,980px), calc(100% - 2rem));margin:0 auto;padding:0;display:block}.universal-lesson-frame .academic-three-widget .academic-lesson-main{width:100%;min-width:0;max-width:none;margin:0}@media (max-width:600px){.universal-lesson-frame .academic-lesson-page.academic-three-widget{width:calc(100% - 1.5rem);padding:0}}.universal-lesson-frame [data-academic-screen-first].mantiq-concept-layout{grid-template-columns:minmax(0,1fr)}.universal-lesson-frame [data-academic-screen-first] .mantiq-screen-sidebar,.universal-lesson-frame [data-academic-screen-first] .mantiq-concept-main{grid-column:1;min-width:0}.universal-lesson-frame [data-academic-screen-first].diagram-mode .mantiq-concept-main,.universal-lesson-frame [data-academic-screen-first].practice-mode .mantiq-concept-main{grid-column:1}@media (min-width:768px) and (max-width:1199px) and (orientation:landscape){.universal-lesson-frame .academic-lesson-page.academic-three-widget{width:100%;max-width:none;margin-inline:0}.universal-lesson-frame .academic-three-widget .academic-lesson-main{width:100%;max-width:none}}