:root{--color-background:#f4f4f2;--color-surface:#fff;--color-surface-quiet:#1111110a;--color-cover-placeholder:#e4e4df;--color-text:#111;--color-text-muted:#6a6a6a;--color-text-display-muted:#8a8a86;--color-border:#1111111f;--color-border-input:#11111124;--color-primary:#111;--color-on-primary:#f4f4f2;--color-accent:#2f56c8;--color-accent-tint:#dce4f7;--color-share-ground:#f3efe6;--color-share-ink:#141414;--color-share-selection:#c9d7f7;--fs-88:88px;--fs-56:56px;--fs-40:40px;--fs-32:32px;--fs-26:26px;--fs-20:20px;--fs-17:17px;--fs-16:16px;--fs-15:15px;--fs-13:13px;--lh-display:1.4;--lh-title:1.5;--lh-ui:1.6;--lh-body:1.9;--tracking-display:-.04em;--tracking-page-title:-.035em;--tracking-section:-.025em;--weight-regular:400;--weight-medium:500;--weight-bold:700;--font-sans:var(--font-plex-arabic), system-ui, sans-serif;--font-mono:ui-monospace, Menlo, monospace;--type-display-size:var(--fs-88);--type-page-title-size:var(--fs-56);--type-section-size:var(--fs-26);--type-card-title-size:var(--fs-26);--type-body-size:var(--fs-20);--type-prose-size:var(--fs-17);--type-ui-size:var(--fs-16);--type-note-size:var(--fs-16);--type-meta-size:var(--fs-15);--type-micro-size:var(--fs-13);--type-code-size:var(--fs-15);--space-8:8px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--space-96:96px;--section-gap:var(--space-96);--block-gap:var(--space-48);--page-bottom:var(--space-64);--grid-columns:12;--grid-gutter:var(--space-24);--content-width:1232px;--page-gutter:var(--space-64);--radius-card:28px;--radius-cover:24px;--radius-quiet:24px;--radius-pill:999px;--shadow-subtle:0 1px 2px #1111110d;--shadow-nav:0 1px 2px #1111110d, 0 8px 24px #1111110a;--shadow-raised:0 1px 2px #1111110d, 0 16px 40px #1111110d;--control-nav:40px;--control-action:56px;--min-touch:44px;--notch-gap:8px;--motion-fast:.12s;--motion-base:.18s;--motion-layout:.22s;--motion-draw:.6s;--ease:cubic-bezier(.22, .61, .36, 1)}@media (max-width:768px){:root{--type-display-size:var(--fs-40);--type-page-title-size:var(--fs-32);--type-section-size:var(--fs-20);--type-card-title-size:var(--fs-20);--type-body-size:var(--fs-17);--type-prose-size:var(--fs-16);--section-gap:var(--space-48);--block-gap:var(--space-32);--page-bottom:var(--space-48);--page-gutter:var(--space-24)}}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul,ol{padding:0}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-sans);font-size:var(--type-body-size);font-weight:var(--weight-regular);line-height:var(--lh-body);min-block-size:100svb}img,picture,svg,video{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:inherit}::selection{background-color:var(--color-primary);color:var(--color-on-primary)}:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}a{color:inherit;text-underline-offset:8px;transition:color var(--motion-fast) var(--ease);text-decoration-thickness:1px}a:hover{color:var(--color-text-muted)}[data-annotate=box],[data-annotate=circle],[data-annotate=bracket]{margin-inline:var(--space-8)}[data-annotate=highlight]{background-image:linear-gradient(to top, var(--color-accent-tint) 45%, transparent 45%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:2px}::target-text{background-color:var(--color-share-selection);color:var(--color-text)}mark[data-shared-sentence]{background-color:var(--color-share-selection);color:inherit;transition:background-color var(--motion-base) var(--ease)}mark[data-shared-sentence][data-fading]{background-color:#0000}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::view-transition-group(.cover){animation-duration:var(--motion-layout);animation-timing-function:var(--ease)}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}