:root{--font-display:var(--wi-font-amiri),Georgia,"Times New Roman",serif;--font-sans:var(--wi-font-plex-arabic),"IBM Plex Sans","Segoe UI",system-ui,sans-serif;--font-mono:var(--wi-font-plex-mono),ui-monospace,SFMono-Regular,Menlo,monospace;--font-arabic-body:var(--wi-font-plex-arabic),"Noto Naskh Arabic",serif;--font-arabic-scripture:var(--wi-font-amiri),serif}
:root{--hibr-950:#0b1b24;--hibr-900:#10242f;--hibr-800:#17384a;--hibr-700:#1f4a61;--hibr-600:#2a5e79;--hibr-500:#3b7793;--hibr-400:#5f97b0;--hibr-300:#8fb7c9;--hibr-200:#bdd5df;--hibr-100:#dce9ef;--hibr-50:#eef5f8;--raml-900:#3a342a;--raml-800:#544b3d;--raml-700:#6f6454;--raml-600:#8b7f6c;--raml-500:#a99b85;--raml-400:#c4b69f;--raml-300:#dbcfb8;--raml-200:#eae1d0;--raml-100:#f4eee3;--raml-50:#fbf8f2;--raml-25:#fefcf8;--tin-800:#6f3624;--tin-700:#8b4630;--tin-600:#a2573d;--tin-500:#b96d50;--tin-400:#cb8b70;--tin-300:#e0b29c;--tin-200:#efd5c6;--tin-100:#f7e8df;--zaytun-700:#41603a;--zaytun-600:#527549;--zaytun-500:#6a8f5f;--zaytun-200:#d3e1cb;--zaytun-100:#e7efe2;--dhahab-700:#8a6417;--dhahab-600:#a87b22;--dhahab-500:#c79a3c;--dhahab-200:#eee0be;--dhahab-100:#f7efda;--qirmiz-700:#8a2d26;--qirmiz-600:#a4372e;--qirmiz-500:#bf564c;--qirmiz-200:#efcfcb;--qirmiz-100:#f8e4e1;--white:#fff;--black:#07131a;--surface-page:var(--raml-50);--surface-card:var(--white);--surface-sunken:var(--raml-100);--surface-raised:var(--white);--surface-inverse:var(--hibr-900);--surface-accent-soft:var(--hibr-50);--surface-warm-soft:var(--tin-100);--surface-protected:var(--hibr-950);--surface-overlay:#0b1b248f;--surface-veil:#fbf8f2d1;--text-strong:var(--hibr-900);--text-body:var(--raml-900);--text-muted:var(--raml-700);--text-subtle:var(--raml-600);--text-on-inverse:var(--raml-100);--text-on-inverse-muted:var(--hibr-300);--text-accent:var(--hibr-700);--text-warm:var(--tin-700);--text-link:var(--hibr-700);--text-link-hover:var(--tin-700);--text-disabled:var(--raml-500);--border-hairline:var(--raml-200);--border-strong:var(--raml-300);--border-accent:var(--hibr-200);--border-inverse:#dce9ef2e;--border-focus:var(--hibr-600);--action-primary:var(--hibr-700);--action-primary-hover:var(--hibr-800);--action-primary-press:var(--hibr-900);--action-accent:var(--tin-600);--action-accent-hover:var(--tin-700);--action-accent-press:var(--tin-800);--action-quiet-hover:var(--raml-100);--action-quiet-press:var(--raml-200);--action-on-solid:var(--raml-25);--status-success-fg:var(--zaytun-700);--status-success-bg:var(--zaytun-100);--status-success-line:var(--zaytun-200);--status-pending-fg:var(--dhahab-700);--status-pending-bg:var(--dhahab-100);--status-pending-line:var(--dhahab-200);--status-danger-fg:var(--qirmiz-700);--status-danger-bg:var(--qirmiz-100);--status-danger-line:var(--qirmiz-200);--status-info-fg:var(--hibr-700);--status-info-bg:var(--hibr-50);--status-info-line:var(--hibr-200);--status-live-fg:var(--tin-700);--status-live-bg:var(--tin-100);--status-live-line:var(--tin-200)}
:root{--text-3xs:11px;--text-2xs:12px;--text-xs:13px;--text-sm:14px;--text-base:16px;--text-md:17px;--text-lg:19px;--text-xl:22px;--text-2xl:26px;--text-3xl:32px;--text-4xl:40px;--text-5xl:52px;--text-6xl:66px;--leading-tight:1.16;--leading-snug:1.3;--leading-normal:1.55;--leading-relaxed:1.75;--leading-arabic:1.9;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.015em;--tracking-normal:0;--tracking-wide:.04em;--tracking-caps:.11em;--type-display:var(--weight-regular) var(--text-5xl)/var(--leading-tight) var(--font-display);--type-title-1:var(--weight-regular) var(--text-4xl)/var(--leading-tight) var(--font-display);--type-title-2:var(--weight-semibold) var(--text-2xl)/var(--leading-snug) var(--font-sans);--type-title-3:var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-sans);--type-subtitle:var(--weight-medium) var(--text-md)/var(--leading-normal) var(--font-sans);--type-body:var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-sans);--type-body-long:var(--weight-regular) var(--text-base)/var(--leading-relaxed) var(--font-sans);--type-small:var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-sans);--type-caption:var(--weight-regular) var(--text-xs)/var(--leading-normal) var(--font-sans);--type-label:var(--weight-medium) var(--text-sm)/1.4 var(--font-sans);--type-eyebrow:var(--weight-semibold) var(--text-2xs)/1.4 var(--font-sans);--type-quote:italic var(--weight-regular) var(--text-2xl)/var(--leading-snug) var(--font-display);--type-numeric:var(--weight-medium) var(--text-sm)/1.4 var(--font-mono)}
:root{--space-0:0px;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--space-12:80px;--space-13:104px;--space-14:136px;--gutter-inline:24px;--gutter-inline-lg:48px;--section-y:80px;--section-y-lg:112px;--measure-prose:66ch;--measure-narrow:46ch;--container-sm:640px;--container-md:840px;--container-lg:1120px;--container-xl:1320px;--control-h-sm:32px;--control-h-md:40px;--control-h-lg:48px;--tap-min:44px;--sidebar-w:264px;--topbar-h:72px}
:root{--radius-none:0px;--radius-xs:3px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-2xl:26px;--radius-full:999px;--radius-control:8px;--radius-card:12px;--radius-panel:18px;--radius-media:10px;--radius-chip:999px;--radius-avatar:999px}
:root{--shadow-none:none;--shadow-hairline:0 0 0 1px var(--border-hairline);--shadow-xs:0 1px 2px #3a342a0f;--shadow-sm:0 1px 2px #3a342a0d,0 2px 6px #3a342a0d;--shadow-md:0 2px 4px #3a342a0a,0 6px 16px #3a342a12;--shadow-lg:0 4px 8px #3a342a0d,0 16px 36px #3a342a1a;--shadow-xl:0 8px 16px #10242f12,0 32px 64px #10242f24;--shadow-inset-soft:inset 0 1px 2px #3a342a12;--shadow-focus:0 0 0 3px #2a5e7947;--shadow-focus-danger:0 0 0 3px #a4372e42;--blur-veil:14px;--blur-overlay:6px}
:root{--duration-instant:80ms;--duration-fast:.14s;--duration-base:.2s;--duration-slow:.28s;--duration-page:.42s;--ease-standard:cubic-bezier(.2,.6,.25,1);--ease-out:cubic-bezier(.16,.84,.34,1);--ease-in:cubic-bezier(.5,0,.9,.4);--transition-control:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);--transition-surface:box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard);--lift-hover:-2px;--press-scale:.985}
:root{--pattern-lattice-size:46px;--pattern-lattice-color:#1f4a6112;--pattern-lattice-color-inverse:#bdd5df1a;--pattern-rule-color:var(--raml-200)}.wi-lattice{background-image:repeating-linear-gradient(45deg,var(--pattern-lattice-color) 0 1px,transparent 1px var(--pattern-lattice-size)), repeating-linear-gradient(-45deg,var(--pattern-lattice-color) 0 1px,transparent 1px var(--pattern-lattice-size)), repeating-linear-gradient(0deg,var(--pattern-lattice-color) 0 1px,transparent 1px var(--pattern-lattice-size)), repeating-linear-gradient(90deg,var(--pattern-lattice-color) 0 1px,transparent 1px var(--pattern-lattice-size))}.wi-lattice-inverse{--pattern-lattice-color:var(--pattern-lattice-color-inverse)}.wi-veil{background-image:radial-gradient(120% 90% at 50% -20%,var(--hibr-50) 0%,transparent 62%),linear-gradient(180deg,var(--raml-25) 0%,var(--raml-50) 100%)}.wi-veil-inverse{background-image:radial-gradient(120% 90% at 50% -10%,var(--hibr-800) 0%,transparent 64%),linear-gradient(180deg,var(--hibr-900) 0%,var(--hibr-950) 100%)}.wi-rule{border:0;border-top:1px solid var(--pattern-rule-color);margin:0}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--surface-page);color:var(--text-body);font:var(--type-body);text-wrap:pretty;-webkit-font-smoothing:antialiased;margin:0}[dir=rtl]{font-family:var(--font-arabic-body)}[dir=rtl] body,[dir=rtl] p,[dir=rtl] li{line-height:var(--leading-arabic)}h1,h2,h3,h4,h5,h6{color:var(--text-strong);text-wrap:balance;margin:0}p{margin:0}a{color:var(--text-link);text-underline-offset:.18em;transition:color var(--duration-fast) var(--ease-standard);text-decoration-thickness:1px}a:hover{color:var(--text-link-hover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-xs)}img,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--hibr-200);color:var(--hibr-900)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

