@font-face{font-family:DM Sans;src:url(/fonts/dm-sans.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/newsreader.ttf)format("truetype");font-weight:200 800;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/amiri.ttf)format("truetype");font-weight:400;font-display:swap}:root{--bg:#f5f8fa;--surface:#fff;--surface-2:#eef4f5;--ink:#172a35;--muted:#5c707b;--line:#dce6e9;--accent:#087f75;--accent-hover:#06665f;--tint:#e5f3ef;--accent-ink:#06665e;--danger:#ab353d;--danger-bg:#fcecee;--success:#147653;--shadow:0 12px 40px #16374308;--radius:18px;color-scheme:light;background:var(--bg);color:var(--ink);font-family:DM Sans,system-ui,sans-serif}:root[data-accent=blue]{--accent:#316caa;--accent-hover:#26568a;--tint:#eaf1fb;--accent-ink:#285c97}:root[data-accent=violet]{--accent:#7255a0;--accent-hover:#5c4384;--tint:#f0ebf8;--accent-ink:#694895}:root[data-theme=dark]{--bg:#101a24;--surface:#16232e;--surface-2:#1c2e3a;--ink:#edf4f7;--muted:#a5b7c1;--line:#30434e;--accent:#78d4c2;--accent-hover:#9ce7d7;--tint:#203d3c;--accent-ink:#99dfcf;--danger:#ffb0b4;--danger-bg:#44272f;--success:#92dfb8;--shadow:0 14px 40px #00000015;color-scheme:dark}:root[data-theme=dark][data-accent=blue]{--accent:#99c5f6;--accent-hover:#c0ddff;--tint:#21354c;--accent-ink:#b3d5ff}:root[data-theme=dark][data-accent=violet]{--accent:#c7b1ef;--accent-hover:#dbc9fb;--tint:#342d46;--accent-ink:#d8c5f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--accent-ink);text-underline-offset:4px}button{color:inherit}:is(button,a,input,select,textarea,summary,audio):focus{outline:none}html:not([data-input-method=pointer]) :is(button,a,input,select,textarea,summary,audio):focus-visible{outline:2px solid var(--muted);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.035em}h1{margin-bottom:16px;font-size:clamp(2.2rem,4vw,3.7rem);font-weight:580;line-height:1.12}h2{font-size:1.7rem;font-weight:600;line-height:1.25}h3{font-size:1.1rem;line-height:1.4}p{line-height:1.75}small{line-height:1.5}svg{display:block}button svg{width:20px;height:20px}.editorial{font-family:Newsreader,Georgia,serif;font-weight:450}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--accent-ink);margin-bottom:14px;font-size:.72rem;font-weight:750;display:block}.label{letter-spacing:.035em;color:var(--muted);font-size:.75rem;font-weight:700}.pill{background:var(--tint);color:var(--accent-ink);border-radius:99px;align-items:center;gap:7px;padding:5px 10px;font-size:.72rem;font-weight:700;line-height:1.5;display:inline-flex}.pill.neutral{background:var(--surface-2);color:var(--muted)}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.skip-link{z-index:1000;background:var(--surface);padding:12px;position:fixed;top:-80px;left:14px}.skip-link:focus{top:12px}.site-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1220px;min-height:84px;margin:auto;padding:14px 32px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;font-size:1rem;font-weight:700;line-height:1.35;text-decoration:none;display:flex}.brand small{color:var(--muted);letter-spacing:.03em;margin-top:3px;font-size:.65rem;font-weight:450;display:block}.brand-mark{width:38px;height:38px;color:var(--accent);padding:3px}.brand-mark svg{width:100%;height:100%}nav{align-items:center;gap:26px;display:flex}nav>a{color:var(--muted);padding:9px 0;font-size:.82rem;font-weight:550;text-decoration:none}nav>a[aria-current=page]{color:var(--accent-ink)}.icon-button{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.4rem;display:inline-flex}.icon-button:hover{background:var(--surface-2)}[data-theme=light] .sun,[data-theme=dark] .moon{display:none}main{max-width:1160px;min-height:70vh;margin:auto;padding:42px 32px 74px}main:focus{outline:none}.intro{max-width:710px;margin:0 0 30px}.intro p{color:var(--muted);max-width:590px;margin-bottom:0;font-size:1rem}.intro-top{align-items:center;gap:15px;margin-bottom:16px;display:flex}.intro-top .eyebrow{margin:0}.workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-body{padding:28px}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;display:flex}.panel-head h2,.panel-head h3{margin:0}.panel-head p{color:var(--muted);margin:3px 0 0;font-size:.8rem}.sidebar{gap:16px;display:grid}.sidebar .panel-body{padding:22px}.sidebar h2{letter-spacing:-.01em;font-size:1rem}.sidebar p,.sidebar li{color:var(--muted);font-size:.8rem;line-height:1.75}.sidebar ol{margin:0;padding-left:19px}.sidebar li{margin-bottom:12px;padding-left:3px}.sidebar li:last-child{margin-bottom:0}.divider{background:var(--line);height:1px;margin:22px 0}.button{background:var(--accent);min-height:45px;color:var(--surface);border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:11px 18px;font-size:.84rem;font-weight:700;line-height:1.4;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.button:hover{background:var(--accent-hover)}[data-theme=dark] .button{color:#11212a}.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:var(--surface-2)}.button.ghost{color:var(--accent-ink);background:0 0;border-color:#0000}.button.ghost:hover{background:var(--tint)}.button.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.button.small{min-height:36px;padding:8px 12px;font-size:.75rem}.button.wide{width:100%}.text-button{color:var(--accent-ink);font-size:inherit;text-align:left;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.actions.end{justify-content:flex-end}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.field{color:var(--muted);gap:7px;font-size:.78rem;font-weight:600;display:grid}.field input,.field select,.field textarea,.search-input{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:10px;width:100%;min-width:0;padding:10px 12px}.filters{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.filters .field{flex:1;min-width:130px}.filters .search-field{flex:2}.check{color:var(--muted);cursor:pointer;align-items:flex-start;gap:9px;font-size:.76rem;line-height:1.65;display:flex}.check input{accent-color:var(--accent);flex-shrink:0;width:16px;height:16px;margin:4px 0 0}.progress-track{background:var(--line);border-radius:10px;height:5px;overflow:hidden}.progress-track span{background:var(--accent);border-radius:10px;height:100%;transition:width .25s;display:block}.step-dots{gap:7px;display:flex}.step-dots span{background:var(--line);border-radius:50%;width:8px;height:8px}.step-dots span.done{background:var(--accent)}.notice{background:var(--tint);color:var(--accent-ink);border-radius:12px;padding:16px 18px;font-size:.82rem;line-height:1.7}.notice p:last-child{margin-bottom:0}.notice.warning{background:var(--surface-2);color:var(--muted)}.arabic{text-align:right;overflow-wrap:anywhere;direction:rtl;font-family:Amiri,Traditional Arabic,serif;font-size:1.65rem;font-weight:400;line-height:2.2}.citation{font-size:.74rem;font-weight:600}.source-quote{border-left:3px solid var(--line);color:var(--muted);margin:14px 0;padding-left:15px;font-size:.84rem;line-height:1.85}.source-quote p{margin:0 0 8px}.overline{letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.feedback{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;margin-top:20px;padding:22px}.feedback h3{margin:0 0 9px}.feedback p:last-child{margin-bottom:0}.feedback.positive{border-color:var(--accent);background:var(--tint)}.feedback.negative{border-color:var(--danger);background:var(--danger-bg)}.empty{text-align:center;color:var(--muted);padding:42px 24px}.empty h2{color:var(--ink)}.stat-value{letter-spacing:-.06em;color:var(--ink);font-size:2.5rem;line-height:1.2}.stat-line{align-items:center;gap:10px;display:flex}.share-text{border:1px solid var(--line);background:var(--surface);width:100%;min-height:100px;color:var(--ink);resize:vertical;border-radius:10px;margin-top:12px;padding:12px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:start;gap:25px;max-width:1160px;margin:auto;padding:28px 32px 38px;display:flex}.footer-name{color:var(--ink);font-size:.8rem;font-weight:650;text-decoration:none}.site-footer p{color:var(--muted);margin:8px 0 0;font-size:.72rem}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:18px;max-width:430px;display:flex}.footer-links a,.footer-links button{color:var(--muted);font-size:.7rem;text-decoration:none}.footer-links a:hover,.footer-links button:hover{color:var(--accent-ink)}dialog{border:1px solid var(--line);background:var(--surface);width:min(500px,100% - 32px);color:var(--ink);border-radius:20px;padding:32px;box-shadow:0 20px 80px #0004}dialog::backdrop{backdrop-filter:blur(3px);background:#07152388}dialog p{color:var(--muted);font-size:.9rem}.dialog-close{float:right;margin:-10px -10px 10px 15px}.toast{background:var(--ink);color:var(--bg);box-shadow:var(--shadow);z-index:100;pointer-events:none;opacity:0;border-radius:10px;max-width:calc(100% - 32px);padding:11px 18px;font-size:.8rem;transition:opacity .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast.visible{opacity:1}.prose{max-width:760px}.prose p,.prose li{color:var(--muted);font-size:.93rem;line-height:1.85}.prose li{margin-bottom:8px}.prose h2{margin-top:34px;font-size:1.4rem}.prose h3{margin-top:24px}.source-list{gap:10px;padding:0;list-style:none;display:grid}.source-list li{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:0;padding:14px 17px}.source-list a{font-size:.84rem}.source-list small{color:var(--muted);margin-top:4px;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}.print-only{display:none}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.activity-card{flex-direction:column;align-items:start;gap:13px;padding:24px;display:flex}.activity-card h2{letter-spacing:-.025em;margin:0;font-size:1.25rem}.activity-card p{color:var(--muted);flex:1;margin:0;font-size:.84rem}.activity-card .button{margin-top:8px}.card-icon{background:var(--tint);width:42px;height:42px;color:var(--accent-ink);border-radius:12px;place-items:center;font-size:1.1rem;display:grid}.back-link{align-items:center;gap:8px;margin-bottom:23px;font-size:.78rem;text-decoration:none;display:inline-flex}.section-title{justify-content:space-between;align-items:center;gap:16px;margin:32px 0 16px;display:flex}.section-title h2{margin:0;font-size:1.1rem}.micro{color:var(--muted);font-size:.72rem;line-height:1.7}.top-gap{margin-top:22px}.bottom-gap{margin-bottom:22px}.count-label{color:var(--muted);font-size:.75rem}.noscript{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:12px;margin-bottom:22px;padding:18px;font-size:.85rem;line-height:1.7}@media (width>=1000px){.sidebar.sticky{position:sticky;top:110px}}@media (width<=860px){.workspace{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar>.panel:last-child:nth-child(odd){grid-column:1/-1}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{max-width:100%}}@media (width<=580px){.header-inner{gap:12px;min-height:75px;padding:12px 18px}.brand{gap:8px;font-size:.82rem}.brand small{font-size:.58rem}.brand-mark{width:29px;height:29px}nav{gap:14px}nav>a{font-size:.73rem}main{padding:30px 18px 45px}h1{font-size:2.25rem}.intro p{font-size:.9rem}.workspace{gap:16px}.panel-body{padding:21px}.panel-head{padding:17px 21px}.sidebar,.card-grid{grid-template-columns:1fr}.site-footer{padding:24px 18px;display:block}.footer-links{justify-content:flex-start;gap:16px;margin-top:20px}.intro-top{gap:10px}.pill{font-size:.65rem}.filters{gap:10px}.field{font-size:.72rem}.actions .button{flex-grow:1}.arabic{font-size:1.5rem}.panel{border-radius:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media print{.site-header,.site-footer,.no-print,.toast,dialog,.filters{display:none!important}:root,:root[data-theme=dark]{--bg:white;--surface:white;--ink:#111;--muted:#333;--line:#ccc;--accent:#155;--tint:#f5f5f5}main{max-width:none;padding:0}.panel{box-shadow:none;break-inside:avoid}.workspace{display:block}.sidebar{display:none}.print-only{display:block}a{color:#111}}.brand{min-width:0}.brand-mark{flex-shrink:0}.brand>span:last-child{min-width:0}.panel-head{flex-wrap:wrap}.card-grid>*{min-width:0}fieldset{border:1px solid var(--line);border-radius:10px;padding:14px}legend{color:var(--muted);font-size:.8rem}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.check-label{color:var(--muted);font-size:.8rem;display:block}td,th{border-bottom:1px solid var(--line);padding:12px 8px;font-size:.8rem}blockquote{white-space:pre-line}input[type=search]{min-width:0}@media (width<=580px){.brand{max-width:190px;font-size:.72rem}.brand small,.brand-mark{display:none}.header-inner{gap:14px}nav{flex-shrink:0;gap:12px}.panel-head h2{font-size:1.3rem}.panel-head a{font-size:.8rem}.card-grid .actions{width:100%}}.quiz-option{align-items:start;gap:10px;padding:11px 0;font-size:.83rem;line-height:1.6;display:flex}.quiz-option input{flex-shrink:0;margin-top:5px}audio{border-radius:10px}.activity-card .arabic{width:100%;font-size:1.45rem;line-height:1.9}.panel-head a{font-size:.8rem}