@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:300;src:url(/_astro/tajawal-arabic-300-normal.By07C9pa.woff2)format("woff2"),url(/_astro/tajawal-arabic-300-normal.Bq0yWa0Z.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/tajawal-arabic-400-normal.CyCXRvzh.woff2)format("woff2"),url(/_astro/tajawal-arabic-400-normal.DCQxawbB.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/tajawal-arabic-500-normal.BZ8ojJNu.woff2)format("woff2"),url(/_astro/tajawal-arabic-500-normal.CbVEaYEW.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/tajawal-arabic-700-normal.D2-eand5.woff2)format("woff2"),url(/_astro/tajawal-arabic-700-normal.9L7Zusdl.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/tajawal-latin-400-normal.BVNSOH3d.woff2)format("woff2"),url(/_astro/tajawal-latin-400-normal.BdYcZznU.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/tajawal-latin-500-normal.CoYeBiSI.woff2)format("woff2"),url(/_astro/tajawal-latin-500-normal.DU9v6xgj.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/tajawal-latin-700-normal.BypgxfGb.woff2)format("woff2"),url(/_astro/tajawal-latin-700-normal.CV3bxpHe.woff)format("woff")}:root{--green-900:#22382a;--green-800:#2f5430;--green-700:#3f6b3a;--green-200:#cfe0c3;--offwhite-100:#fbfaf4;--offwhite-200:#f6f4ec;--offwhite-300:#efece0;--offwhite-400:#ebe7d8;--offwhite-500:#dcd8c6;--brick-100:#ead2c5;--brick-500:#c47a5f;--brick-800:#5a2a1c;--brick-900:#3f1d13;--ink-800:#2c3f30;--ink-600:#4a5a48;--ink-500:#5b6b58;--ink-400:#6b7768;--bg-page:var(--offwhite-200);--bg-card:var(--offwhite-100);--bg-footer:var(--offwhite-300);--bg-inset:var(--offwhite-200);--bg-primary:var(--green-700);--bg-primary-hover:var(--green-800);--bg-accent:var(--brick-100);--text-primary:var(--green-900);--text-body:var(--ink-800);--text-secondary:var(--ink-600);--text-muted:var(--ink-500);--text-on-primary:var(--offwhite-200);--text-on-primary-muted:var(--green-200);--text-on-accent:var(--brick-800);--text-on-accent-strong:var(--brick-900);--text-link:var(--green-700);--text-link-hover:var(--green-900);--border-default:var(--offwhite-500);--border-subtle:var(--offwhite-400);--border-accent:var(--brick-500);--accent-mark:var(--brick-500);--placeholder-stripe:repeating-linear-gradient(135deg, #e6e2d1 0 10px, #ece8d8 10px 20px);--placeholder-text:var(--ink-400);--danger:#a33a2a;--danger-bg:#f5ddd6;--font-sans:"Tajawal", "Segoe UI", Tahoma, system-ui, sans-serif;--font-mono:ui-monospace, Menlo, monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fs-display:clamp(34px, 4.6vw, 58px);--fs-h1:40px;--fs-h2:28px;--fs-h3:26px;--fs-card-title:20px;--fs-item-title:19px;--fs-lead:19px;--fs-body-lg:18px;--fs-body:17px;--fs-ui:15px;--fs-small:14px;--fs-meta:13px;--fs-kicker:12px;--lh-tight:1.3;--lh-heading:1.35;--lh-ui:1.5;--lh-body:1.7;--lh-prose:1.9;--fs-quote:22px;--fs-quote-lg:24px;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:14px;--space-7:16px;--space-8:18px;--space-9:20px;--space-10:24px;--space-11:28px;--space-12:36px;--space-13:48px;--space-14:56px;--container:1180px;--container-prose:760px;--container-narrow:900px;--gutter:24px;--radius-sm:12px;--radius-md:14px;--radius-lg:16px;--radius-xl:18px;--radius-2xl:20px;--radius-3xl:24px;--radius-pill:999px;--control-h:44px;--control-h-lg:56px;--header-h:70px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-page);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-wrap:pretty;margin:0}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}h1,h2,h3,p{overflow-wrap:anywhere;margin:0}:focus-visible{outline:2px solid var(--green-700);outline-offset:2px}::selection{background:var(--brick-100);color:var(--brick-900)}.num{font-variant-numeric:tabular-nums}@keyframes wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto}.container-prose{width:100%;max-width:calc(var(--container-prose) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto}.container-narrow{width:100%;max-width:calc(var(--container-narrow) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto}.stack{flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.between{justify-content:space-between;align-items:baseline;gap:var(--space-5);flex-wrap:wrap;display:flex}.grid-auto{gap:var(--space-13);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.grid-cards{gap:var(--space-7);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.section{padding-bottom:var(--space-14)}.ms-auto{margin-inline-start:auto}.muted{color:var(--text-muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.display{font-weight:var(--fw-bold);font-size:var(--fs-display);line-height:var(--lh-tight);color:var(--text-primary)}.h1{font-weight:var(--fw-bold);font-size:var(--fs-h1);line-height:var(--lh-tight)}.h2{font-weight:600;font-size:var(--fs-h2);line-height:var(--lh-heading)}.h3{font-weight:var(--fw-medium);font-size:var(--fs-h3);line-height:var(--lh-heading)}.lead{font-size:var(--fs-lead);color:var(--text-secondary);font-weight:var(--fw-light);max-width:60ch}.kicker{font-size:var(--fs-small);color:var(--green-700);font-weight:var(--fw-bold);letter-spacing:.02em}.kicker-sm{font-size:var(--fs-kicker);color:var(--green-700);font-weight:var(--fw-bold)}.meta{font-size:var(--fs-meta);color:var(--text-muted)}.small{font-size:var(--fs-small);color:var(--text-muted)}.page-intro{color:var(--text-muted);font-size:var(--fs-body);margin-top:var(--space-3)}@media (width<=640px){.h1{font-size:32px}.h2{font-size:24px}}.btn{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-pill);cursor:pointer;background:var(--bg-primary);color:var(--text-on-primary);font-size:16px;font-weight:var(--fw-bold);white-space:nowrap;border:0;padding:13px 26px;line-height:1.2;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--bg-primary-hover);color:var(--text-on-primary);text-decoration:none}.btn:disabled{opacity:.6;cursor:default}.btn-sm{font-size:var(--fs-small);padding:9px 18px}.btn-md{font-size:var(--fs-ui);padding:10px 20px}.btn-outline{color:var(--green-700);border:1px solid var(--green-700);background:0 0}.btn-outline:hover{background:var(--green-700);color:var(--text-on-primary)}.btn-ghost{color:var(--text-primary);font-weight:var(--fw-medium);font-size:var(--fs-ui);background:0 0;padding:8px 14px}.btn-ghost:hover{background:var(--offwhite-400);color:var(--text-primary)}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#82291c}.pill{border-radius:var(--radius-pill);font-size:var(--fs-small);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default);cursor:pointer;align-items:center;padding:7px 14px;line-height:1.3;text-decoration:none;display:inline-flex}.pill:hover{border-color:var(--green-700);color:var(--text-primary);text-decoration:none}.pill.active{background:var(--green-700);color:var(--text-on-primary);border-color:var(--green-700)}.pill-outline{border:1px solid var(--green-700);font-size:var(--fs-ui);font-weight:var(--fw-medium);background:0 0;padding:9px 18px}.badge{border-radius:var(--radius-pill);font-size:var(--fs-small);font-weight:var(--fw-medium);background:var(--bg-accent);color:var(--text-on-accent);white-space:nowrap;align-items:center;padding:3px 10px;display:inline-flex}.badge-green{background:var(--green-700);color:var(--text-on-primary)}.badge-muted{background:var(--offwhite-400);color:var(--text-muted)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.input,.textarea,.select{border:1px solid var(--border-default);background:var(--bg-card);border-radius:var(--radius-pill);width:100%;min-width:0;font-size:var(--fs-ui);outline:none;padding:12px 16px;line-height:1.5}.input:focus,.textarea:focus,.select:focus{border-color:var(--green-700)}.textarea{border-radius:var(--radius-md);line-height:var(--lh-body);resize:vertical;padding:14px}.input.on-accent,.textarea.on-accent{border-color:var(--border-accent)}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-500) 50%), linear-gradient(135deg, var(--ink-500) 50%, transparent 50%);background-position:18px,23px;background-repeat:no-repeat;background-size:5px 5px;padding-inline-start:34px}.checkbox{gap:var(--space-4);font-size:var(--fs-small);cursor:pointer;align-items:center;display:flex}.checkbox input{width:18px;height:18px;accent-color:var(--green-700);margin:0}.label{font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--text-primary);margin-bottom:var(--space-2);display:block}.field{gap:var(--space-2);flex-direction:column;display:flex}.hint{font-size:var(--fs-meta);color:var(--text-muted)}.error{font-size:var(--fs-small);color:var(--danger)}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.card-link{color:var(--text-primary);flex-direction:column;text-decoration:none;transition:border-color .15s;display:flex}.card-link:hover{border-color:var(--green-700);color:var(--text-primary);text-decoration:none}.card-pad{padding:var(--space-9)}.feature{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-11)}.block{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-3xl);padding:var(--space-12)}.surface-green{background:var(--green-700);color:var(--text-on-primary);border-radius:var(--radius-2xl)}.surface-accent{background:var(--bg-accent);color:var(--text-on-accent);border-radius:var(--radius-3xl)}.inset{background:var(--bg-inset);border-radius:var(--radius-lg)}.notice{background:var(--bg-accent);border-radius:var(--radius-md);color:var(--text-on-accent);font-size:var(--fs-small);line-height:var(--lh-body);padding:16px 20px}.placeholder{background:var(--placeholder-stripe);color:var(--placeholder-text);font-family:var(--font-mono);font-size:var(--fs-meta);text-align:center;place-items:center;padding:16px;display:grid}.media{border-radius:var(--radius-xl);background:var(--offwhite-400);overflow:hidden}.media img{object-fit:cover;width:100%;height:100%}.ratio-45{aspect-ratio:4/5}.ratio-169{aspect-ratio:16/9}.ratio-1{aspect-ratio:1}.ratio-34{aspect-ratio:3/4}.avatar{background:var(--bg-accent);width:28px;height:28px;color:var(--text-on-accent);font-weight:var(--fw-bold);font-size:var(--fs-small);border-radius:50%;flex:none;place-items:center;display:grid}.avatar-lg{background:var(--green-700);width:36px;height:36px;color:var(--brick-100)}.divider-list>*+*{border-top:1px solid var(--border-default)}.dot{background:var(--accent-mark);border-radius:50%;flex:none;width:4px;height:4px}.prose{font-size:var(--fs-lead);line-height:var(--lh-prose);color:var(--text-body);flex-direction:column;gap:22px;display:flex}.prose h2{font-size:var(--fs-h3);font-weight:var(--fw-medium);color:var(--text-primary);line-height:var(--lh-heading);margin-top:8px}.prose h3{font-size:22px;font-weight:var(--fw-medium);color:var(--text-primary)}.prose ul,.prose ol{flex-direction:column;gap:8px;margin:0;padding-inline-start:24px;display:flex}.prose blockquote{background:var(--bg-accent);border-radius:var(--radius-lg);font-size:var(--fs-quote-lg);color:var(--text-on-accent-strong);line-height:1.6;font-weight:var(--fw-medium);margin:0;padding:24px 28px}.prose blockquote p{margin:0}.prose blockquote cite,.prose blockquote .source{font-style:normal;font-size:var(--fs-small);color:var(--text-on-accent);font-weight:var(--fw-regular);margin-top:8px;display:block}.prose img{border-radius:var(--radius-xl)}.prose a{text-decoration:underline}.prose hr{border:0;border-top:1px solid var(--border-default);margin:8px 0}.prose strong{font-weight:var(--fw-bold);color:var(--text-primary)}.qcard{aspect-ratio:1;border-radius:var(--radius-lg);padding:var(--space-10);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.qcard .mark{color:var(--accent-mark);font-size:40px;line-height:1}.qcard .text{font-size:var(--fs-quote);line-height:1.5;font-weight:var(--fw-medium)}.qcard .src{font-size:var(--fs-meta)}.qcard.brick{background:var(--brick-100);color:var(--green-700)}.qcard.brick .src{color:var(--brick-800)}.qcard.green{background:var(--green-700);color:var(--offwhite-200)}.qcard.green .src{color:var(--green-200)}.qcard.offwhite{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default)}.qcard.offwhite .src{color:var(--text-muted)}.qcard .kicker-q{font-size:var(--fs-meta);opacity:.75}@media (width<=480px){.qcard .text{font-size:19px}}.player{background:var(--green-700);color:var(--text-on-primary);border-radius:var(--radius-2xl)}.play-btn{background:var(--brick-100);width:56px;height:56px;color:var(--green-700);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;font-size:20px;display:grid}.play-btn.sm{background:var(--green-700);width:44px;height:44px;color:var(--brick-100);font-size:15px}.play-btn.md{width:48px;height:48px;font-size:18px}.wave{cursor:pointer;align-items:center;gap:3px;height:32px;display:flex}.wave span{transform-origin:50%;background:#f6f4ec66;border-radius:2px;flex:1;min-width:2px}.wave span.on{background:var(--brick-100)}.wave.playing span{animation:wave var(--dur,1s) ease-in-out var(--delay,0s) infinite}.wave.list span{background:var(--offwhite-500)}.wave.list span.on{background:var(--green-700)}.site-header{border-bottom:1px solid var(--border-default);background:var(--bg-page);z-index:5;position:sticky;top:0}.site-header .inner{max-width:calc(var(--container) + 2 * var(--gutter));padding:14px var(--gutter);align-items:center;gap:var(--space-10);flex-wrap:wrap;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-5);color:var(--text-primary);text-decoration:none;display:flex}.brand:hover{color:var(--text-primary);text-decoration:none}.brand img{object-fit:contain;flex:none;width:52px;height:52px}.brand span{font-weight:var(--fw-bold);font-size:22px}.site-nav{gap:var(--space-1);font-size:var(--fs-ui);flex-wrap:wrap;margin-inline-start:auto;display:flex}.site-nav a{color:var(--text-primary);border-radius:var(--radius-pill);line-height:normal;font-size:var(--fs-ui);font-weight:var(--fw-medium);background:0 0;border:0;padding:8px 14px;text-decoration:none}.site-nav a:hover{background:var(--offwhite-400);text-decoration:none}.site-nav a.active{background:var(--green-700);color:var(--text-on-primary)}.nav-toggle{margin-inline-start:auto;display:none}@media (width<=760px){.brand img{width:44px;height:44px}.brand span{font-size:19px}.nav-toggle{display:inline-flex}.site-nav{width:100%;margin:0;padding-top:8px;display:none}.site-nav.open{display:flex}}.site-footer{border-top:1px solid var(--border-default);background:var(--bg-footer);margin-top:auto}.site-footer .inner{max-width:calc(var(--container) + 2 * var(--gutter));padding:var(--space-12) var(--gutter);gap:var(--space-11);font-size:var(--fs-small);color:var(--text-muted);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;display:grid}.site-footer a{color:var(--text-primary)}.site-footer img{object-fit:contain;width:72px;height:72px}.flash{border-radius:var(--radius-md);font-size:var(--fs-ui);background:var(--green-200);color:var(--green-900);padding:12px 18px}.flash.err{background:var(--danger-bg);color:var(--danger)}.share{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share a,.share button{border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-pill);font-size:var(--fs-small);cursor:pointer;padding:7px 14px;text-decoration:none}.share a:hover,.share button:hover{border-color:var(--green-700);text-decoration:none}.reading-progress{top:0;background:var(--brick-500);z-index:6;width:0;height:3px;transition:width .1s linear;position:fixed;inset-inline-start:0}.hp{opacity:0;pointer-events:none;top:0;width:1px;height:1px;position:absolute;inset-inline-start:0;overflow:hidden}.prose [data-youtube-video]{width:100%;min-width:0}.prose iframe{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--offwhite-400);border:0;width:100%;height:auto;display:block}.editor-body [data-youtube-video]{position:relative}.editor-body [data-youtube-video] iframe{pointer-events:none}.editor-body .ProseMirror-selectednode{outline:2px solid var(--green-700);outline-offset:3px}