@font-face{font-family:"Jameel Noori Nastaleeq Web";src:url("https://cdn.jsdelivr.net/gh/tariq-abdullah/urdu-web-font-CDN/JameelNooriNastaleeq.woff") format("woff");font-display:swap}
:root{
 --bg:#f6f2e8;--surface:#fffdf8;--card:#fff;--ink:#17362f;--text:#243d37;--muted:#6c7a75;--line:#e5ded0;
 --emerald:#0d5f50;--emerald2:#168675;--gold:#c9943d;--gold2:#e4b968;--cream:#fbf5e7;--shadow:0 18px 48px rgba(28,55,48,.10);--shadow-sm:0 8px 24px rgba(28,55,48,.07);
 --urdu:"Jameel Noori Nastaleeq Web","Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;--arabic:"Amiri","Noto Naskh Arabic",serif;
 --tone:#0d6b59;--tone2:#e8f4f0;--tone3:#b8e0d4
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 5%,#fbf8ef 0,#f6f2e8 35%,#f3efe6 100%);color:var(--text);font-family:var(--urdu);font-size:clamp(16.5px,.95vw,18px);line-height:2.15;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font-family:inherit}button{color:inherit}.topbar{height:82px;position:sticky;top:0;z-index:90;background:rgba(255,253,248,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(218,208,192,.88);box-shadow:0 3px 16px rgba(32,52,45,.03)}.topbar-inner{height:100%;max-width:1660px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:20px}.brand{border:0;background:transparent;padding:0;display:flex;align-items:center;gap:13px;cursor:pointer;text-align:right}.brand-seal{width:48px;height:48px;border-radius:50%;border:2px solid #d8b369;background:radial-gradient(circle,#174f43 0,#0d3c33 72%);box-shadow:0 0 0 4px #f5ead4,0 8px 22px rgba(13,60,51,.18);display:grid;place-items:center;color:#f8e3b2}.brand-seal span{font-family:var(--urdu);font-size:15px}.brand-copy{display:flex;flex-direction:column;line-height:1.3}.brand-copy strong{font-size:19px;color:#143f36}.brand-copy small{font-family:var(--arabic);font-weight:700;color:#b57b21;font-size:14px;letter-spacing:.2px}.top-nav{display:flex;align-items:center;gap:5px;margin-right:auto}.top-link{border:0;background:transparent;padding:9px 14px;border-radius:12px;color:#65746f;cursor:pointer;font-size:15px}.top-link:hover,.top-link.active{background:#e8f3ef;color:#0c5c4c}.top-actions{display:flex;gap:8px}.icon-btn{width:43px;height:43px;border:1px solid #ded6c8;background:#fff;color:#154c40;border-radius:13px;cursor:pointer;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:20px}.icon-btn:hover{background:#edf7f3;border-color:#b9d5ca}.mobile-menu{display:none}.app-shell{display:grid;grid-template-columns:326px minmax(0,1fr);min-height:calc(100vh - 82px)}.sidebar{position:sticky;top:82px;height:calc(100vh - 82px);overflow:auto;padding:23px 16px 32px;background:rgba(255,253,248,.92);border-left:1px solid var(--line);scrollbar-width:thin}.sidebar-brand{padding:5px 8px 16px}.sidebar-label,.section-kicker{display:inline-block;font-family:var(--arabic);font-size:12px;font-weight:700;letter-spacing:.5px;color:#b37822}.sidebar-brand strong{display:block;font-size:25px;color:#13473c;margin-top:2px}.sidebar-brand p{margin:0;color:var(--muted);font-family:var(--arabic);font-size:13px}.search-wrap{position:relative}.search-icon{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-family:Arial,sans-serif;color:var(--muted)}.search-wrap input{width:100%;border:1px solid #ddd5c7;border-radius:14px;padding:12px 40px 12px 13px;background:#fff;color:var(--text);font-size:15px;outline:none;transition:.2s}.search-wrap input:focus{border-color:#4a9b86;box-shadow:0 0 0 4px rgba(15,107,92,.09)}.side-stats{display:flex;justify-content:space-between;color:var(--muted);font-family:var(--arabic);font-size:12px;margin:11px 5px 18px}.side-stats b{color:#155646}.unit-nav{--tone:#0d6b59;--tone2:#edf7f4;border:1px solid #e6dfd2;border-radius:16px;margin-bottom:10px;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(28,55,48,.03)}.unit-nav-head{width:100%;border:0;background:#fff;padding:11px 11px;text-align:right;cursor:pointer;display:grid;grid-template-columns:38px 1fr 22px;align-items:center;gap:10px}.side-unit-dot{width:34px;height:34px;border-radius:11px;background:var(--tone);color:#fff;display:grid;place-items:center;font-family:var(--arabic);font-size:13px;font-weight:700}.side-unit-copy strong{display:block;color:var(--tone);font-size:15px}.side-unit-copy small{display:block;color:#7c8883;font-size:11px;line-height:1.8}.side-chev{font-family:Arial,sans-serif;color:var(--tone);transition:.2s}.unit-nav.open .side-chev{transform:rotate(180deg)}.unit-nav-head:hover{background:var(--tone2)}.unit-chapters{display:none;border-top:1px solid #eee8dd;background:#fffdfa;padding:6px}.unit-nav.open .unit-chapters{display:block}.chapter-link{width:100%;border:0;background:transparent;border-radius:10px;padding:8px 9px;display:flex;gap:7px;text-align:right;cursor:pointer;align-items:flex-start}.chapter-link span{font-family:var(--arabic);font-size:11px;font-weight:700;color:var(--tone);white-space:nowrap}.chapter-link em{font-style:normal;font-size:13px;color:#586762;line-height:1.9}.chapter-link:hover,.chapter-link.active{background:var(--tone2)}.main{min-width:0;padding:24px 30px 60px}.view{display:none;max-width:1320px;margin:auto}.view.active{display:block}.hero{position:relative;overflow:hidden;min-height:500px;border-radius:30px;background:linear-gradient(135deg,#0d483c 0%,#126554 48%,#0d3b33 100%);box-shadow:0 26px 70px rgba(13,60,51,.18);padding:52px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:38px;color:#fff}.hero-pattern{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(30deg,#fff 12%,transparent 12.5%,transparent 87%,#fff 87.5%,#fff),linear-gradient(150deg,#fff 12%,transparent 12.5%,transparent 87%,#fff 87.5%,#fff),linear-gradient(30deg,#fff 12%,transparent 12.5%,transparent 87%,#fff 87.5%,#fff),linear-gradient(150deg,#fff 12%,transparent 12.5%,transparent 87%,#fff 87.5%,#fff),linear-gradient(60deg,#e8c989 25%,transparent 25.5%,transparent 75%,#e8c989 75%,#e8c989);background-size:72px 126px;background-position:0 0,0 0,36px 63px,36px 63px,0 0}.hero:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(226,183,98,.2),transparent 68%);left:-90px;top:-120px}.hero-content,.library-showcase{position:relative;z-index:2}.institution-pill{display:inline-flex;padding:6px 15px;border:1px solid rgba(255,225,167,.55);background:rgba(255,255,255,.08);border-radius:999px;color:#ffe4ac;font-size:14px}.hero h1{margin:18px 0 13px;color:#fff;font-size:42px;line-height:1.75;font-weight:600}.hero h1 span{color:#ffd994}.hero p{margin:0;max-width:720px;color:#e8f4f0;font-size:17px;line-height:2.15}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn{border:0;border-radius:14px;padding:11px 19px;cursor:pointer;font-size:15px;font-weight:600;box-shadow:0 8px 20px rgba(0,0,0,.09);transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.13)}.btn-emerald{background:linear-gradient(135deg,#19a487,#08705c);color:#fff}.btn-gold{background:linear-gradient(135deg,#f1cf86,#d69a37);color:#3f2d0f}.btn-indigo{background:linear-gradient(135deg,#5564cf,#3546a5);color:#fff}.btn-sky{background:linear-gradient(135deg,#3388b5,#246a91);color:#fff}.btn-soft{background:#fff;color:#35534b;border:1px solid #ded8cc}.hero-mini-stats{display:flex;gap:18px;margin-top:24px;color:#dbebe7;font-family:var(--arabic);font-size:12px}.hero-mini-stats b{color:#ffdb98;font-size:15px}.library-showcase{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:30px 20px 10px;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.035));border:1px solid rgba(255,236,194,.24);border-radius:26px;backdrop-filter:blur(10px)}.library-title{text-align:center;margin-bottom:24px}.library-title span{display:block;color:#ffe1a5;font-size:20px}.library-title small{font-family:var(--arabic);color:#d7e7e2}.book-shelf{height:245px;display:flex;align-items:flex-end;justify-content:center;gap:5px;direction:ltr;padding:0 5px}.book{width:57px;border-radius:5px 5px 2px 2px;padding:12px 5px 9px;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.18);box-shadow:7px 8px 16px rgba(0,0,0,.20),inset 3px 0 rgba(255,255,255,.1);font-family:var(--arabic);text-align:center}.book b{font-size:17px}.book small{font-size:10px;opacity:.85}.b1{height:210px;background:linear-gradient(90deg,#6d241e,#a13e30);color:#ffe7b5}.b2{height:229px;background:linear-gradient(90deg,#173c59,#25668c);color:#e8f5ff}.b3{height:218px;background:linear-gradient(90deg,#3e285e,#68448c);color:#f3e9ff}.b4{height:238px;background:linear-gradient(90deg,#674416,#a7782c);color:#fff0c7}.b5{height:225px;background:linear-gradient(90deg,#164d43,#237a69);color:#e6fff8}.b6{height:232px;background:linear-gradient(90deg,#74334e,#ad526f);color:#ffe7ef}.shelf-line{height:17px;border-radius:4px;background:linear-gradient(#8b5d2b,#5e3b1d);box-shadow:0 9px 14px rgba(0,0,0,.26);margin:0 4px 8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 50px}.stat-card{position:relative;overflow:hidden;min-height:105px;background:#fff;border:1px solid #e6ded0;border-radius:20px;padding:18px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;box-shadow:var(--shadow-sm)}.stat-card:after{content:"";position:absolute;right:0;top:0;width:5px;height:100%;background:var(--sc)}.stat-icon{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--sc) 13%,white);color:var(--sc);font-family:Arial,sans-serif}.stat-card strong{font-family:var(--arabic);font-size:28px;line-height:1;color:#183b33}.stat-card>span:last-child{font-size:13px;color:#73807b}.s1{--sc:#12816a}.s2{--sc:#4367b2}.s3{--sc:#a56b2b}.s4{--sc:#8a4c91}.section-head{margin-bottom:24px}.section-head.centered{text-align:center;max-width:780px;margin:0 auto 28px}.section-head h2,.section-head h1{margin:5px 0;color:#173f35;font-size:34px}.section-head p{margin:0;color:#6a7974;line-height:2.1}.units-section{scroll-margin-top:104px}.unit-grid{display:grid;grid-template-columns:1fr;gap:18px}.unit-index-panel{--tone:#0d6b59;--tone2:#eef8f5;--tone3:#b8e0d4;background:#fff;border:1px solid #e4ddd0;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm)}.unit-index-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:linear-gradient(135deg,var(--tone2),#ffffff 72%);border-bottom:1px solid #ece4d7}.unit-index-title{display:flex;align-items:center;gap:14px;min-width:0}.unit-index-number{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--tone),color-mix(in srgb,var(--tone) 68%, black));color:#fff;display:grid;place-items:center;font-family:var(--arabic);font-weight:700;font-size:18px;box-shadow:0 8px 18px color-mix(in srgb,var(--tone) 22%, transparent)}.unit-index-copy{min-width:0}.unit-index-name{display:block;font-family:var(--arabic);font-size:13px;font-weight:700;color:var(--tone)}.unit-index-copy h3{margin:2px 0 0;font-size:24px;line-height:1.7;color:#203e36}.unit-index-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.meta-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--tone3);color:var(--tone);font-family:var(--arabic);font-size:12px;font-weight:700;white-space:nowrap}.meta-pill.meta-soft{background:color-mix(in srgb,var(--tone2) 64%, white)}.unit-index-body{padding:18px 16px 16px}.unit-index-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.unit-index-chapter{width:100%;border:1px solid #e6ded1;background:#fff;border-radius:14px;padding:11px 13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;cursor:pointer;text-align:right;transition:.2s background,.2s border-color,.2s transform,.2s box-shadow;box-shadow:0 3px 10px rgba(32,52,45,.03)}.unit-index-chapter:hover{background:var(--tone2);border-color:var(--tone3);transform:translateY(-1px);box-shadow:0 8px 20px rgba(32,52,45,.07)}.chapter-chip-num{font-family:var(--arabic);font-size:11px;font-weight:700;color:var(--tone);background:color-mix(in srgb,var(--tone2) 76%, white);padding:5px 8px;border-radius:999px;white-space:nowrap}.chapter-chip-title{font-size:14px;line-height:1.95;color:#334943}.chapter-chip-arrow{font-family:Arial,sans-serif;color:var(--tone)}.learning-strip{margin:48px 0 0;background:linear-gradient(135deg,#fffaf0,#f7efe1);border:1px solid #ead9ba;border-radius:26px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:26px;box-shadow:var(--shadow-sm)}.learning-copy h2{margin:4px 0 8px;color:#304840;font-size:27px}.learning-copy p{margin:0;max-width:840px;color:#6f7b76}.learning-steps{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.learning-steps span{font-family:var(--arabic);font-weight:700;font-size:12px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #e3d6c1;color:#7b5923}.learning-steps i{font-style:normal;color:#c69a55}.site-footer{margin-top:28px;padding:22px 6px 4px;border-top:1px solid #ded6c7;display:flex;align-items:center;justify-content:space-between;color:#72807a}.site-footer strong{display:block;color:#1b5143}.site-footer span{display:block;font-size:12px}.footer-mark{font-family:var(--arabic);color:#9a742f}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#7b8782;font-size:13px;margin:2px 0 12px}.crumb{border:0;background:transparent;color:#0f6a58;cursor:pointer;padding:0}.chapter-head{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,var(--tone2));border:1px solid var(--tone3);border-radius:26px;padding:27px 30px;box-shadow:var(--shadow-sm)}.chapter-head:before{content:"";position:absolute;right:0;top:0;bottom:0;width:7px;background:var(--tone)}.chapter-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.chapter-kicker{font-family:var(--arabic);font-size:12px;font-weight:700;color:var(--tone)}.chapter-head h1{margin:5px 0 9px;font-size:35px;line-height:1.75;color:#1d3e35}.chapter-meta{display:flex;gap:8px}.chapter-meta span{font-family:var(--arabic);font-size:11px;font-weight:700;background:#fff;border:1px solid var(--tone3);color:var(--tone);border-radius:999px;padding:5px 10px}.chapter-unit-list{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:18px}.chapter-unit-list.show{display:grid}.unit-chapter-jump{border:1px solid #e4ddd0;background:#fff;padding:9px 11px;border-radius:11px;text-align:right;cursor:pointer;font-size:13px}.unit-chapter-jump:hover,.unit-chapter-jump.current{background:var(--tone2);border-color:var(--tone3);color:var(--tone)}.chapter-tools{display:flex;gap:8px;margin:15px 0}.tool-btn{border:0;border-radius:12px;padding:8px 13px;cursor:pointer;font-size:12px;font-weight:700}.t-green{background:#dff3ec;color:#12624f}.t-amber{background:#fff0d6;color:#8b5f16}.qa-list{display:grid;gap:13px}.qa-card{background:#fff;border:1px solid #e4ded3;border-radius:19px;overflow:hidden;box-shadow:0 5px 18px rgba(33,57,50,.045);transition:.2s}.qa-card:hover{border-color:var(--tone3)}.qa-question{width:100%;border:0;background:#fff;padding:15px 17px;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:13px;text-align:right;cursor:pointer}.qno{width:39px;height:39px;border-radius:12px;background:var(--tone2);border:1px solid var(--tone3);color:var(--tone);font-family:var(--arabic);font-weight:700;display:grid;place-items:center}.qtext{font-size:clamp(17px,1.08vw,19px);font-weight:600;line-height:2;color:#203d35}.chev{font-family:Arial,sans-serif;color:var(--tone);transition:.2s}.qa-card.open .chev{transform:rotate(180deg)}.qa-answer{display:none;padding:0 24px 23px;border-top:1px solid #eee8de;background:linear-gradient(180deg,#fffdfa,#fff)}.qa-card.open .qa-answer{display:block}.answer-prose{max-width:980px;margin:0 auto;padding:2px 4px}.answer-paragraph{margin:20px 0 0;font-size:clamp(18px,1.12vw,20px);line-height:2.4;color:#304a43;text-align:justify;text-justify:inter-word;letter-spacing:.01em}.answer-paragraph:first-child{margin-top:22px}.answer-paragraph:last-child{margin-bottom:4px}.arabic-quote{position:relative;max-width:920px;margin:24px auto 20px;padding:24px 30px 22px;border-radius:18px;border-right:5px solid var(--aq);background:linear-gradient(135deg,var(--aqbg),#fff);box-shadow:0 7px 20px rgba(38,59,53,.06);overflow:hidden}.arabic-quote:after{content:"";position:absolute;left:-25px;bottom:-45px;width:120px;height:120px;border-radius:50%;background:var(--aq);opacity:.055}.arabic-quote p{position:relative;z-index:2;margin:0;font-family:var(--arabic);font-size:clamp(21px,1.35vw,24px);line-height:2.05;color:var(--aqtext);text-align:right;direction:rtl;font-weight:500}.quote-mark{position:absolute;top:3px;left:15px;font-family:Georgia,serif;font-size:54px;line-height:1;color:var(--aq);opacity:.18}.aq-1{--aq:#18846d;--aqbg:#ecf8f4;--aqtext:#17483c}.aq-2{--aq:#b57c25;--aqbg:#fff7e7;--aqtext:#654414}.aq-3{--aq:#466bb3;--aqbg:#eef4ff;--aqtext:#2d487d}.aq-4{--aq:#8a4f91;--aqbg:#f9effa;--aqtext:#623867}.read-mark{margin-top:21px;padding-top:14px;border-top:1px dashed #ddd5c8;color:#6b7974}.read-mark label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12px}.read-mark input{accent-color:var(--tone);width:17px;height:17px}.chapter-pager{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.chapter-pager button:disabled{opacity:.4;cursor:not-allowed;transform:none}.search-heading{padding:20px 0}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.search-hit{background:#fff;border:1px solid #e4ddd0;border-radius:17px;padding:16px;cursor:pointer;box-shadow:var(--shadow-sm)}.search-hit:hover{border-color:#b9d4ca}.search-hit small{font-family:var(--arabic);color:#0e6a58}.search-hit h3{margin:4px 0;color:#264a40}.search-hit p{margin:0;color:#66756f}.empty{padding:28px;background:#fff;border-radius:18px;border:1px solid #e2dbcf;text-align:center}.overlay{display:none}.tone-emerald{--tone:#0d8067;--tone2:#eaf7f3;--tone3:#b7dfd4}.tone-teal{--tone:#167f86;--tone2:#eaf6f7;--tone3:#b8dde0}.tone-blue{--tone:#376fa6;--tone2:#edf4fb;--tone3:#c0d6ea}.tone-indigo{--tone:#565ca8;--tone2:#f0f0fb;--tone3:#cbccec}.tone-violet{--tone:#7a56a2;--tone2:#f5effa;--tone3:#d9c7e8}.tone-rose{--tone:#a45170;--tone2:#fbf0f4;--tone3:#ebc9d5}.tone-amber{--tone:#a87325;--tone2:#fff7e8;--tone3:#ead3a8}.tone-orange{--tone:#ad6433;--tone2:#fff2eb;--tone3:#ecc9b2}.tone-olive{--tone:#657b35;--tone2:#f3f7e9;--tone3:#d1ddb3}.tone-cyan{--tone:#26809b;--tone2:#ebf8fb;--tone3:#bce0e9}.tone-plum{--tone:#824f7e;--tone2:#f8eff7;--tone3:#dfc5dc}.tone-terracotta{--tone:#9b5846;--tone2:#fbefeb;--tone3:#e4c2b8}
body.dark{--bg:#14201d;--surface:#182622;--card:#1d2c28;--text:#e4eee9;--muted:#a3b0ab;--line:#33423d;background:#14201d;color:var(--text)}body.dark .topbar,body.dark .sidebar{background:rgba(24,38,34,.95);border-color:#33423d}body.dark .brand-copy strong,body.dark .sidebar-brand strong,body.dark .section-head h2,body.dark .section-head h1{color:#e8f1ed}body.dark .top-link,body.dark .icon-btn{color:#c5d1cc}body.dark .icon-btn,body.dark .search-wrap input,body.dark .unit-nav,body.dark .unit-nav-head,body.dark .unit-chapters,body.dark .stat-card,body.dark .unit-card,body.dark .home-chapter-btn,body.dark .chapter-head,body.dark .unit-chapter-jump,body.dark .qa-card,body.dark .qa-question,body.dark .qa-answer,body.dark .search-hit{background:#1d2c28;color:#e7efec;border-color:#3a4944}body.dark .unit-copy h3,body.dark .home-chapter-title,body.dark .chapter-head h1,body.dark .qtext,body.dark .answer-paragraph{color:#e5eeea}body.dark .learning-strip{background:#2a2922;border-color:#4c4637}body.dark .arabic-quote{filter:saturate(.85) brightness(.82)}body.dark .arabic-quote p{color:#f0f5f3}
@media(max-width:1180px){.app-shell{grid-template-columns:286px minmax(0,1fr)}.hero{grid-template-columns:1fr;min-height:auto}.library-showcase{max-width:650px;width:100%;justify-self:center}.book-shelf{height:220px}.book{width:54px}.hero h1{font-size:38px}.unit-index-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.top-nav{display:none}.mobile-menu{display:grid}.app-shell{display:block}.sidebar{position:fixed;z-index:120;top:0;right:0;height:100vh;width:min(88vw,350px);transform:translateX(105%);transition:.25s;box-shadow:-12px 0 40px rgba(0,0,0,.2);padding-top:85px}.sidebar.show{transform:translateX(0)}.overlay{position:fixed;inset:0;z-index:110;background:rgba(8,22,18,.42)}.overlay.show{display:block}.main{padding:18px}.hero{padding:38px 30px}.stats-grid{grid-template-columns:repeat(2,1fr)}.search-results{grid-template-columns:1fr}}
@media(max-width:680px){body{font-size:16px}.topbar{height:70px}.topbar-inner{padding:0 12px;gap:10px}.brand-seal{width:39px;height:39px}.brand-seal span{font-size:12px}.brand-copy strong{font-size:14px}.brand-copy small{font-size:11px}.icon-btn{width:38px;height:38px}.main{padding:10px}.hero{padding:28px 18px;border-radius:22px;gap:24px}.hero h1{font-size:29px;line-height:1.9}.hero p{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn{padding:9px 10px;font-size:13px}.hero-mini-stats{gap:10px;flex-wrap:wrap}.library-showcase{padding:20px 8px 8px}.library-title span{font-size:18px}.book-shelf{height:190px;gap:3px}.book{width:44px;padding:8px 3px}.book b{font-size:14px}.book small{font-size:8px}.b1{height:166px}.b2{height:184px}.b3{height:173px}.b4{height:190px}.b5{height:178px}.b6{height:186px}.stats-grid{gap:8px;margin-bottom:38px}.stat-card{padding:13px;min-height:88px;grid-template-columns:35px 1fr}.stat-card strong{font-size:23px}.section-head h2{font-size:28px}.unit-index-head{display:block;padding:15px 14px}.unit-index-title{align-items:flex-start}.unit-index-number{width:40px;height:40px;border-radius:12px;font-size:16px}.unit-index-copy h3{font-size:19px;line-height:1.7}.unit-index-meta{margin-top:10px}.unit-index-body{padding:12px}.unit-index-chapters{grid-template-columns:1fr;gap:9px}.unit-index-chapter{padding:10px 11px;grid-template-columns:auto 1fr auto}.learning-strip{display:block;padding:21px}.learning-strip .btn{margin-top:14px}.site-footer{display:block;text-align:center}.footer-mark{margin-top:8px}.chapter-head{padding:21px 18px}.chapter-heading-row{display:block}.chapter-list-btn{margin-top:12px}.chapter-head h1{font-size:27px}.chapter-unit-list{grid-template-columns:1fr}.qa-question{padding:13px 12px;grid-template-columns:36px 1fr 20px;gap:9px}.qno{width:34px;height:34px}.qtext{font-size:16px}.qa-answer{padding:0 15px 18px}.answer-prose{padding:0}.answer-paragraph{font-size:clamp(17px,4.45vw,18.5px);line-height:2.3;text-align:right;margin-top:17px}.arabic-quote{padding:19px 17px;margin:19px 0}.arabic-quote p{font-size:clamp(20px,5.1vw,22px);line-height:2.05}.chapter-tools{overflow:auto}.chapter-pager .btn{flex:1;padding:9px 8px}.hero-mini-stats{font-size:11px}}

@media(min-width:681px){.answer-paragraph{text-align:justify}}
@media(max-width:680px){.answer-paragraph{text-align:right}.qa-answer{padding-left:14px;padding-right:14px}}

.interview-link{background:linear-gradient(135deg,#fff4d8,#f7e2b2);color:#7b5818!important;border:1px solid #ead29b}.interview-side-btn{width:100%;border:1px solid #ead39e;background:linear-gradient(135deg,#fff9eb,#fff1c9);border-radius:16px;padding:12px 13px;margin:0 0 14px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:0 9px;text-align:right;cursor:pointer;color:#70501c}.interview-side-btn>span{grid-row:1/3;width:32px;height:32px;border-radius:10px;background:#c58b2d;color:#fff;display:grid;place-items:center;font-family:Arial}.interview-side-btn strong{font-size:15px}.interview-side-btn small{font-size:11px;color:#8a7042;line-height:1.7}.interview-promo{margin:24px 0 44px;padding:24px 27px;border-radius:24px;border:1px solid #e7d2a3;background:linear-gradient(135deg,#fffaf0,#fff0c8);display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;box-shadow:var(--shadow-sm)}.interview-promo-icon{width:56px;height:56px;border-radius:17px;background:linear-gradient(135deg,#d5a140,#a96d17);color:#fff;display:grid;place-items:center;font-size:25px;font-family:Arial;box-shadow:0 10px 24px rgba(169,109,23,.2)}.interview-promo-copy h2{margin:3px 0 4px;color:#4d3a18;font-size:25px}.interview-promo-copy p{margin:0;color:#776647}.interview-view{max-width:1120px}.interview-hero{position:relative;overflow:hidden;margin-bottom:18px;padding:34px 38px;border-radius:28px;background:linear-gradient(135deg,#103f36,#176b59 68%,#9e7128);color:#fff;display:flex;justify-content:space-between;gap:30px;align-items:center;box-shadow:var(--shadow)}.interview-hero:after{content:"★";position:absolute;left:32px;bottom:-38px;font-family:Arial;font-size:180px;color:rgba(255,255,255,.045)}.interview-hero h1{margin:4px 0 8px;font-size:42px;color:#ffe0a0}.interview-hero p{margin:0;max-width:820px;color:#edf6f2;font-size:17px;line-height:2.15}.interview-count{position:relative;z-index:2;min-width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.11);border:1px solid rgba(255,225,166,.5);display:flex;flex-direction:column;align-items:center;justify-content:center}.interview-count strong{font-family:var(--arabic);font-size:38px;color:#ffdc94;line-height:1}.interview-count span{font-size:12px;color:#eff8f5}.interview-toolbar{position:sticky;top:92px;z-index:20;margin:12px 0 16px;padding:10px;background:rgba(255,253,248,.94);backdrop-filter:blur(12px);border:1px solid #e5dccb;border-radius:16px;display:flex;gap:8px;align-items:center;overflow:auto}.interview-filter-row{display:flex;gap:7px}.interview-filter{border:1px solid #ded6c8;background:#fff;border-radius:999px;padding:7px 12px;white-space:nowrap;cursor:pointer;font-size:12px;color:#55665f}.interview-filter:hover,.interview-filter.active{background:#0e6b59;border-color:#0e6b59;color:#fff}.interview-card{--tone:#9b6b1e;--tone2:#fff7e8;--tone3:#e7cf9f}.interview-source{display:inline-block;margin:16px 0 0;padding:5px 10px;border-radius:999px;background:#fff4da;color:#8d641e;font-family:var(--arabic);font-size:11px;border:1px solid #ead29b}.interview-list .qno{background:#fff3d8;border-color:#e6c98c;color:#8f6417}.interview-list .qa-card:hover{border-color:#dfbd72}body.dark .interview-promo,body.dark .interview-toolbar,body.dark .interview-side-btn{background:#2a2922;border-color:#5a4d31}body.dark .interview-promo-copy h2{color:#f2dda9}body.dark .interview-promo-copy p,body.dark .interview-side-btn small{color:#c9b98e}body.dark .interview-filter{background:#1d2c28;border-color:#44534e;color:#d6e0dc}body.dark .interview-filter.active{background:#b7812a;border-color:#b7812a;color:#fff}
@media(max-width:760px){.interview-promo{grid-template-columns:46px 1fr;padding:18px 16px}.interview-promo-icon{width:44px;height:44px;border-radius:13px}.interview-promo .btn{grid-column:1/3;width:100%}.interview-hero{padding:25px 18px;display:block}.interview-hero h1{font-size:31px}.interview-hero p{font-size:15px}.interview-count{width:92px;height:92px;min-width:92px;margin-top:18px}.interview-toolbar{top:78px}.interview-filter{font-size:11px;padding:6px 10px}}