@font-face{font-family:Foursa Arabic;src:url(/fonts/IBMPlexSansArabic-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Foursa Arabic;src:url(/fonts/IBMPlexSansArabic-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Foursa Arabic;src:url(/fonts/IBMPlexSansArabic-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Foursa Latin;src:url(/fonts/IBMPlexSans-Variable.woff2)format("woff2");font-weight:100 700;font-stretch:85% 100%;font-style:normal;font-display:swap}@font-face{font-family:Foursa Notes Arabic;src:url(/fonts/ArefRuqaa-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Foursa Notes Latin;src:url(/fonts/Caveat-Variable.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Foursa Mono;src:url(/fonts/IBMPlexMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--ink:#102822;--lime:#b6f36a;--ivory:#f5f4ed;--sage:#71817a;--ink-soft:#2c403a;--sage-text:#5c6b65;--line:#10282233;--line-strong:#1028226b;--tag-bg:#71817a24;--paper-shadow:0 1px 0 #10282214, 0 6px 14px -8px #10282247;--font-body:"Foursa Arabic", "Foursa Latin", system-ui, sans-serif;--font-notes:"Foursa Notes Arabic", "Foursa Notes Latin", cursive;--font-mono:"Foursa Mono", ui-monospace, monospace;--content-max:1280px;--rail:clamp(44px, 5vw, 76px);--gutter:clamp(16px, 4vw, 64px);--section-pad:clamp(56px, 8vw, 112px);--header-h:clamp(72px, 8vw, 112px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px}html[lang=en]{--font-body:"Foursa Latin", system-ui, sans-serif;--font-notes:"Foursa Notes Latin", cursive}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 8px)}@media (min-width:961px){html:has(>body[data-app=portal]){scrollbar-gutter:stable}}body[data-app=portal]{--frame-field:url(/assets/sketch/frames/input-soft.svg) 14 / 14px / 4px stretch;--frame-field-ink:url(/assets/sketch/frames/input.svg) 14 / 14px / 4px stretch;--frame-button:url(/assets/sketch/frames/button-wide.svg) 14 / 14px / 4px stretch;--frame-card:url(/assets/sketch/frames/card-soft.svg) 16 / 16px / 4px stretch;--frame-chip:url(/assets/sketch/frames/button-small.svg) 12 / 12px / 3px stretch;--frame-dialog:url(/assets/sketch/dialogs/dialog-plain.svg) 24 / 24px / 7px stretch;--frame-popover:url(/assets/sketch/dialogs/popover.svg) 24 / 24px / 7px stretch;--frame-toast:url(/assets/sketch/dialogs/toast.svg) 24 / 24px / 7px stretch;--frame-tip:url(/assets/sketch/dialogs/tooltip-body.svg) 12 / 12px / 5px stretch;--rule-soft:url(/assets/sketch/rules/horizontal-soft.svg)}.sketch-tip{border:1px solid #0000;border-image:var(--frame-tip);color:var(--ink);background:#fdfcf8;border-radius:2px;box-shadow:0 10px 20px -14px #10282280}.sketch-tip:after{content:"";inset-block-start:calc(100% - 2px);pointer-events:none;background:url(/assets/sketch/dialogs/tooltip-pointer.svg) 50%/100% 100% no-repeat;block-size:20px;inline-size:24px;position:absolute;left:calc(50% - 12px)}.sketch-tip[data-below]:after{inset-block:auto calc(100% - 2px);rotate:180deg}body[data-app=portal] input:is([type=checkbox],[type=radio]){appearance:none;cursor:pointer;background:50%/contain no-repeat;flex:none;block-size:20px;inline-size:20px;margin:0}body[data-app=portal] input[type=checkbox]{background-image:url(/assets/sketch/controls/checkbox-empty.svg)}body[data-app=portal] input[type=checkbox]:checked{background-image:url(/assets/sketch/controls/checkbox-ticked.svg)}body[data-app=portal] input[type=radio]{background-image:url(/assets/sketch/controls/radio-empty.svg)}body[data-app=portal] input[type=radio]:checked{background-image:url(/assets/sketch/controls/radio-filled.svg)}body[data-app=portal] input:is([type=checkbox],[type=radio]):disabled{opacity:.5;cursor:default}body[data-app=portal] dialog{scrollbar-width:none}body[data-app=portal] dialog::-webkit-scrollbar{display:none}body{background-color:var(--ivory);min-height:100vh;color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.8;overflow-x:clip}html[lang=en] body{line-height:1.6}h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{padding:0;list-style:none}img,svg{max-width:100%;display:block}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-underline-offset:.3em;text-decoration-thickness:1px}body:before{content:"";pointer-events:none;z-index:0;opacity:.55;background-image:url(/assets/textures/graph-grid.svg);background-size:28px 28px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:100;opacity:.35;mix-blend-mode:multiply;background-image:url(/assets/textures/paper-grain.png);background-size:512px 512px;position:fixed;inset:0}h1,h2,h3{color:var(--ink);text-wrap:balance;font-weight:600}h1{font-size:clamp(3.4rem,1.6rem + 6.2vw,7.25rem);line-height:1.12}h2{font-size:clamp(2.1rem,1.3rem + 2.6vw,3.6rem);line-height:1.3}h3{font-size:clamp(1.15rem,1rem + .45vw,1.4rem);font-weight:600;line-height:1.5}p{text-wrap:pretty}.lede{color:var(--ink-soft);max-width:34em;font-size:clamp(1.05rem,.95rem + .4vw,1.3rem)}html[lang=en] h1{letter-spacing:-.03em;font-size:clamp(3.2rem,1.4rem + 6vw,6.9rem);line-height:.98}html[lang=en] h2{letter-spacing:-.02em;line-height:1.08}html[lang=en] h3{letter-spacing:-.005em}.note{font-family:var(--font-notes);color:var(--ink);font-size:clamp(1.25rem,1.05rem + .7vw,1.7rem);font-weight:400;line-height:1.4}html[lang=en] .note{font-size:clamp(1.4rem,1.15rem + .8vw,1.95rem);font-weight:500;line-height:1.15}.mono{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate}.sheet{z-index:1;max-width:calc(var(--content-max) + var(--rail) + var(--gutter));margin-inline:auto;padding-inline-start:var(--rail);padding-inline-end:var(--gutter);position:relative}.section{padding-block:var(--section-pad);border-block-end:1px solid var(--line);scroll-margin-top:var(--header-h);position:relative}.spread{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,88px);display:grid}.spread>.copy{gap:var(--space-5);align-content:start;display:grid}@media (max-width:860px){.spread{grid-template-columns:minmax(0,1fr)}}.tag{color:var(--sage-text);background:var(--tag-bg);border-radius:3px;justify-self:start;padding:1px 10px;font-size:.875rem;font-weight:500;line-height:1.6;display:inline-block}html.motion-ok:not(.motion-failsafe) [data-reveal=pending]{visibility:hidden}:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{inset-inline-start:12px;z-index:200;background:var(--ink);color:var(--ivory);border-radius:4px;padding:10px 16px;text-decoration:none;position:absolute;top:-100px}.skip-link:focus{top:12px}::selection{background:var(--lime);color:var(--ink)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
