:root{--bg:#f3f6f4;--navy:#1a3a3f;--navy-deep:#112a2e;--surface:#fff;--sage:#d2e2da;--amber:#f99500;--amber-deep:#c76f00;--ink-muted:#56706f;--navy-tint:#d2e2da;--line:#dce5df;--ground-cool:#e4ede7;--reject:#c8352e;--accept:#1a3a3f;--font-ar:"IBM Plex Sans Arabic", system-ui, sans-serif;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--shadow-soft:0 8px 18px #1a3a3f38;--shadow-paper:drop-shadow(0 10px 9px #1a3a3f33) drop-shadow(0 2px 2px #1a3a3f1a);--ground:linear-gradient(135deg, #fff 0%, var(--bg) 55%, var(--ground-cool) 100%);--grid-line:var(--line);--grid-dot:var(--navy)}body{background:var(--ground);color:var(--navy);font-family:var(--font-ar)}:root{--font-ar:var(--font-src-ar,"IBM Plex Sans Arabic", system-ui, sans-serif);--font-display:var(--font-src-display,"Bricolage Grotesque", system-ui, sans-serif);--font-mono:var(--font-src-mono,"JetBrains Mono", ui-monospace, monospace);--step-0:1.0625rem;--step-1:clamp(1.125rem, 1.6vw, 1.3125rem);--step-2:clamp(1.375rem, 2.4vw, 1.75rem);--step-3:clamp(1.875rem, 4vw, 2.75rem);--step-4:clamp(2.375rem, 5.6vw, 4rem);--step-5:clamp(2.75rem, 7.4vw, 5.5rem);--ease-out:cubic-bezier(.2, .7, .2, 1);--bar-h:3.75rem;--radius:6px;--radius-card:16px;--wrap:76rem;--shadow-card:0 1px 0 var(--line), 0 18px 40px -30px #1a3a3f59;--shadow-lift:0 1px 0 var(--line), 0 30px 50px -28px #1a3a3f73;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0' intercept='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block-start:var(--bar-h)}@media (width>=64rem){html{font-size:80%}}@media (width>=70rem){:root{--bar-h:4.375rem}}@media (prefers-reduced-motion:no-preference){html:not([data-swapping]){scroll-behavior:smooth}}body{background:var(--grain) 0 0 / 180px 180px, var(--bg);min-block-size:100vh;color:var(--navy);font-family:var(--font-ar);font-weight:500;font-size:var(--step-0);flex-direction:column;margin:0;line-height:1.75;display:flex}main{flex:1}:lang(ar){font-family:var(--font-ar)}h1,h2,h3{text-wrap:balance;margin:0;font-weight:700;line-height:1.25}html[lang=en] :is(h1,h2,h3){font-family:var(--font-display);letter-spacing:-.015em;font-weight:800;line-height:1.12}html[lang=en] [lang=ar] :is(h1,h2,h3){font-family:var(--font-ar);letter-spacing:0;font-weight:700;line-height:1.25}p{text-wrap:pretty;margin:0}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1.5px}img,svg{max-inline-size:100%;display:block}:focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:2px}.wrap{inline-size:100%;max-inline-size:var(--wrap);margin-inline:auto;padding-inline:1.25rem}@media (width>=48rem){.wrap{padding-inline:2.5rem}}.section{padding-block:5rem}@media (width>=64rem){.section{padding-block:8rem}}.section-head{gap:1rem;max-inline-size:48rem;margin-block-end:3.5rem;display:grid}.section-title{font-size:var(--step-4)}.on-white{background:var(--surface)}.on-navy{color:var(--surface);background:var(--grain) 0 0 / 180px 180px, var(--navy)}.on-navy :focus-visible{outline-color:var(--surface)}.eyebrow{color:var(--ink-muted);align-items:start;gap:.75rem;font-size:.9375rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--amber);flex:none;block-size:.75rem;inline-size:.75rem;margin-block-start:calc(.5lh - .375rem)}.eyebrow:lang(en),.eyebrow :lang(en){font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.8125rem}.on-navy .eyebrow{color:var(--navy-tint)}.mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.highlight{color:var(--navy);background:linear-gradient(to top, var(--amber) 0 .42em, transparent .42em);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.08em}.on-navy .highlight{background:var(--amber);padding-inline:.18em}.btn{--btn-size:3.5rem;--btn-radius:14px;--btn-pad:.375rem;min-block-size:var(--btn-size);padding-block:var(--btn-pad);padding-inline:1.5rem var(--btn-pad);font:inherit;border-radius:var(--btn-radius);cursor:pointer;transition:translate .26s var(--ease-out), box-shadow .26s ease-out, background-color .2s ease-out;border:0;justify-content:space-between;align-items:center;gap:1rem;font-size:1.0625rem;font-weight:700;line-height:1.3;text-decoration:none;display:inline-flex;position:relative}.btn-primary{color:var(--navy);background:var(--amber);box-shadow:0 1px 1px color-mix(in srgb, var(--navy) 10%, transparent), 0 14px 28px -12px color-mix(in srgb, var(--amber-deep) 70%, transparent)}.btn:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(var(--navy), var(--navy)) 0 0 / 100% 2px no-repeat, repeating-linear-gradient(-45deg, var(--navy) 0 1.5px, transparent 1.5px 6px) 0 3px / 100% 6px no-repeat;block-size:9px;transition:opacity .26s ease-out, translate .26s var(--ease-out);position:absolute;inset-block-start:calc(100% + 5px);inset-inline:.75rem;translate:0 -3px}.btn:hover{translate:0 1px}.btn:hover:after{opacity:1;translate:0}.btn-primary:hover{background-color:color-mix(in srgb, var(--amber) 78%, var(--amber-deep));box-shadow:0 1px 1px color-mix(in srgb, var(--navy) 12%, transparent), 0 8px 16px -10px color-mix(in srgb, var(--amber-deep) 60%, transparent)}.btn-primary:active{box-shadow:0 1px 1px color-mix(in srgb, var(--navy) 12%, transparent);translate:0 2px}.btn-secondary{color:var(--navy);background:var(--navy-tint);box-shadow:none;transition:background-color .2s ease-out, translate .26s var(--ease-out);justify-content:center;padding-inline:1.5rem}.btn-secondary:hover{background:color-mix(in srgb, var(--navy) 12%, var(--navy-tint))}.btn-secondary:active{translate:0 1px}.btn-icon{inline-size:calc(var(--btn-size) - 2 * var(--btn-pad));block-size:calc(var(--btn-size) - 2 * var(--btn-pad));color:var(--surface);background:var(--navy);border-radius:calc(var(--btn-radius) - var(--btn-pad));flex:none;place-items:center;display:grid}.btn-icon .calendar{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;inline-size:1.375rem}.btn-icon .slot{fill:currentColor;stroke:none;opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .24s ease-out, transform .32s var(--ease-out);transform:scale(.4)}.btn:hover .btn-icon .slot{opacity:1;transform:scale(1)}.btn-small{--btn-size:2.75rem;--btn-radius:11px;--btn-pad:.3125rem;padding-inline:1.125rem var(--btn-pad);gap:.75rem;font-size:.9375rem}.btn-small:after{display:none}.btn-small:hover{translate:0}.btn-small.btn-secondary{min-inline-size:7rem;padding-inline:1.125rem}.btn-small:active{translate:0 1px}.btn-small .btn-icon .calendar{inline-size:1.25rem}.link-quiet{z-index:0;color:var(--navy);align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.link-quiet:before{content:"";z-index:-1;background:var(--amber);transform-origin:50% 100%;block-size:.38em;transition:scale .22s var(--ease-out);pointer-events:none;border-radius:2px;position:absolute;inset-block-end:.05em;inset-inline:-.15em}.link-quiet:hover:before,.link-quiet:focus-visible:before{scale:1 2.6}.todo{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-muted);vertical-align:middle;border:1.5px dashed;border-radius:2px;padding:0 .45em;font-size:.75em;font-weight:500;line-height:1.5;display:inline-block}.on-navy .todo{color:var(--navy-tint)}.todo:lang(ar){font-family:var(--font-ar);letter-spacing:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.skip-link{z-index:20;color:var(--navy);background:var(--surface);box-shadow:var(--shadow-soft);padding:.5rem 1rem;position:absolute;inset-block-start:-10rem;inset-inline-start:1rem}.skip-link:focus{inset-block-start:1rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes settle{0%{opacity:0;transform:translateY(16px)}}@keyframes fade-in{0%{opacity:0}}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:no-preference){::view-transition-group(topbar),::view-transition-old(topbar),::view-transition-new(topbar){animation:none}::view-transition-old(topbar){opacity:0}::view-transition-old(root){animation:.16s ease-out both page-out}::view-transition-new(root){animation:page-in .32s var(--ease-out) 40ms both}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-reveal]:not(.is-visible),[data-reveal-group]:not(.is-visible)>*{opacity:0}[data-reveal].is-visible,[data-reveal-group].is-visible>*{animation:rise .42s var(--ease-out) both;animation-delay:calc(min(var(--i,0), 5) * 50ms)}[data-reveal-group]>*{--i:0}[data-reveal-group]>:nth-child(2){--i:1}[data-reveal-group]>:nth-child(3){--i:2}[data-reveal-group]>:nth-child(4){--i:3}[data-reveal-group]>:nth-child(5){--i:4}[data-reveal-group]>:nth-child(n+6){--i:5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.page{inline-size:100%;max-inline-size:var(--wrap);margin-inline:auto;padding-inline:1.25rem}@media (width>=48rem){.page{padding-inline:2.5rem}}.page-narrow{max-inline-size:54rem}.hub-block{border-block-start:1px solid var(--line);padding-block:3.25rem;scroll-margin-block-start:1rem}.hub-block:first-child{border-block-start:0}@media (width>=64rem){.hub-block{padding-block:4.5rem}}.hub-label{color:var(--ink-muted);align-items:center;gap:.625rem;margin-block-end:1.5rem;font-size:1rem;font-weight:700;display:inline-flex}.hub-label:before{content:"";background:var(--amber);block-size:.5rem;inline-size:.5rem}.hub-label:lang(en){font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.block-title{max-inline-size:24ch;font-size:var(--step-3);line-height:1.3}.block-title:lang(en){line-height:1.1}.block-lead{max-inline-size:40rem;font-size:var(--step-1);color:var(--ink-muted);margin-block-start:.75rem;line-height:1.8}.hub-card{color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:translate .2s var(--ease-out), box-shadow .2s ease-out, border-color .2s ease-out;text-decoration:none;display:block}a.hub-card:hover,.hub-card[data-lift]:hover{border-color:color-mix(in srgb, var(--navy) 22%, var(--line));box-shadow:var(--shadow-lift);translate:0 -3px}.index{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--navy-tint);font-weight:800;line-height:1}.prose{gap:1.25rem;max-inline-size:42rem;font-size:1.125rem;line-height:1.95;display:grid}.prose:lang(en){line-height:1.75}.prose :is(h2,h3){margin-block-start:1rem}.prose h2{font-size:var(--step-2)}.prose h3{font-size:var(--step-1)}.prose :is(ol,ul){gap:.5rem;margin:0;padding-inline-start:1.5rem;display:grid}.prose li::marker{color:var(--navy);font-weight:700}.prose a{text-decoration:underline;text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);font-weight:700}.prose a:hover{text-decoration-color:currentColor}.prose strong{font-weight:700}.prose em{font-style:italic}.prose:lang(ar) em{background:linear-gradient(to top, var(--sage) 0 .4em, transparent .4em);font-style:normal}.prose code{font-family:var(--font-mono);background:var(--sage);border-radius:4px;padding:.05em .35em;font-size:.875em}.prose pre{text-align:start;background:var(--surface);border:1px solid var(--line);direction:ltr;border-radius:8px;margin:0;padding:1rem 1.25rem;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{border-inline-start:.5rem solid var(--amber);font-size:var(--step-2);margin:.5rem 0;padding-inline-start:1.5rem;font-weight:700;line-height:1.5}.prose blockquote p{margin:0}.prose hr{border:0;border-block-start:1px solid var(--line);inline-size:100%;margin-block:1rem}.prose img{border-radius:8px}