@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#172321;--soft:#53605c;--muted:#7b8782;--paper:#f7f8f3;--line:#dce3dc;--green:#1f6d5a;--dark:#174b40;--mint:#dceee5;--white:#fff;--sans:'IBM Plex Sans Arabic',system-ui,sans-serif;--display:'Amiri',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.8}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}
.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:32px 20px;background:#edf3ee;border-left:1px solid var(--line);z-index:20}.brand-mark{width:43px;height:43px;display:grid;place-items:center;margin-bottom:12px;border-radius:15px 15px 15px 4px;background:var(--dark);color:#fff;font:27px var(--display);box-shadow:6px 6px 0 #cfe1d8}.sidebar h1{margin:5px 0 18px;color:var(--dark);font:700 27px/1.25 var(--display)}.eyebrow{margin:0;color:var(--green);font-size:11px;font-weight:700}.source-badge{margin-bottom:22px;padding:8px 10px;border-radius:9px;background:#e6eee7;color:var(--soft);font-size:11px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:block;padding:9px 11px;border-radius:10px;color:var(--soft);font-size:12px;text-decoration:none}.sidebar nav a:hover,.sidebar nav a:focus{background:#fff;color:var(--dark)}.sidebar-note{margin-top:28px;padding:14px;border:1px solid #d6e3da;border-radius:14px;background:#ffffff73;color:var(--soft);font-size:11px}.sidebar-note strong{color:var(--dark);font-size:12px}.sidebar-close{display:none}
.main-content{min-width:0}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:#f7f8f3e8;position:sticky;top:0;z-index:10;color:var(--dark);font-size:12px}.review-pill{padding:5px 9px;border:1px solid #e7d4ad;border-radius:999px;background:#fffaf1;color:#8d672d;font-size:10px}.mobile-menu{display:none;border:0;background:none;color:var(--dark);font-size:22px;cursor:pointer}
.cover{max-width:900px;margin:auto;padding:92px 7vw 78px;scroll-margin-top:80px}.cover h2{margin:14px 0;color:var(--dark);font:700 clamp(48px,8vw,92px)/1.05 var(--display)}.cover p{max-width:650px;color:var(--soft);font-size:16px;line-height:2}.primary-button{display:inline-block;margin:18px 0;padding:12px 19px;border-radius:10px;background:var(--dark);color:#fff;text-decoration:none;font-size:13px}.cover-stats{display:flex;gap:22px;margin-top:14px;color:var(--muted);font-size:11px}.cover-stats b{margin-left:4px;color:var(--green);font-size:16px}
.intro,.outline,.issues{max-width:1050px;margin:auto;padding:25px 7vw 70px;scroll-margin-top:80px}.section-head{margin-bottom:22px}.section-head h3{margin:5px 0;color:var(--dark);font:700 42px/1.25 var(--display)}.section-head p{color:var(--muted);font-size:12px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.source-box,.method-box{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.source-box{border-top:4px solid var(--green)}.method-box{border-top:4px solid #6d568e}.label,.part-label{color:var(--green);font-size:11px;font-weight:700}.source-box h4{margin:12px 0;font:700 27px var(--display)}.source-box p,.method-box li{color:var(--soft);font-size:13px;line-height:2}.source-box small,.method-box small{color:var(--muted);font-size:10px}.method-box li{margin:8px 0}
.chapter-list{display:grid;gap:11px}.chapter{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:#fff}.chapter h4{margin:0 0 3px;color:var(--dark);font:700 23px var(--display)}.chapter p{margin:0;color:var(--muted);font-size:10px;line-height:1.8}.chapter-count{display:inline-grid;float:right;place-items:center;width:30px;height:30px;margin-left:12px;border-radius:9px;background:var(--mint);color:var(--dark);font-weight:700}.chapter a{color:var(--green);font-size:11px;text-decoration:none;white-space:nowrap}.chapter a:hover,.chapter a:focus{text-decoration:underline}
.filter-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.filter-row label{color:var(--dark);font-size:11px;font-weight:700}.filter-row input{flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:10px;outline:0;background:#fff;font-size:12px}.filter-row input:focus{border-color:var(--green);box-shadow:0 0 0 3px #dceee5}.filter-row span{color:var(--muted);font-size:10px}.issues-list{display:grid;gap:10px}.issue{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.issue summary{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:15px 17px;cursor:pointer;list-style:none}.issue summary::-webkit-details-marker{display:none}.issue summary:after{content:'+';color:var(--green);font-size:20px}.issue[open] summary:after{content:'−'}.issue-no{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--mint);color:var(--dark);font-size:10px;font-weight:700}.issue strong{display:block;color:var(--dark);font:700 21px/1.25 var(--display)}.issue small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.issue-body{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:16px;border-top:1px solid var(--line)}.issue-part{padding:14px;border-right:3px solid var(--green);border-radius:12px;background:#f3f7f3}.issue-part p{margin:5px 0;color:var(--soft);font-size:12px;line-height:1.9}.issue-part small{color:var(--muted);font-size:10px}.issue-quiz{grid-column:1/-1;padding:15px;border-radius:13px;background:var(--dark);color:#fff}.issue-quiz .part-label{color:#c2dfcf}.issue-quiz p{margin:6px 0 10px;font:700 18px var(--display)}.quiz-option{padding:8px 13px;border:1px solid #5a947b;border-radius:8px;background:#2b6857;color:#fff;cursor:pointer;font-size:11px}.quiz-option:hover,.quiz-option:focus{background:#397d68}.quiz-option.revealed{background:#a8d9b8;color:#153f34;border-color:#a8d9b8}.quiz-feedback{min-height:18px;margin:8px 0 0!important;color:#c2dfcf!important;font:400 11px var(--sans)!important}footer{max-width:1050px;margin:auto;padding:25px 7vw 40px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
.overlay{display:none}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;right:0;width:280px;transform:translateX(105%);transition:transform .25s;box-shadow:-10px 0 40px #0002}.sidebar.open{transform:translateX(0)}.sidebar-close{display:block;position:absolute;left:14px;top:10px;border:0;background:transparent;color:var(--dark);font-size:24px;cursor:pointer}.mobile-menu{display:block}.topbar{padding:0 18px}.cover{padding:70px 22px 55px}.cover h2{font-size:53px}.cover p{font-size:14px}.intro,.outline,.issues{padding-right:20px;padding-left:20px}.intro-grid{grid-template-columns:1fr}.chapter{align-items:flex-start;flex-direction:column}.issue-body{grid-template-columns:1fr}.issue-quiz{grid-column:auto}.filter-row{align-items:stretch;flex-direction:column}.filter-row input{width:100%}.section-head h3{font-size:34px}.overlay{position:fixed;inset:0;background:#174b4066;z-index:15}.overlay.show{display:block}}