.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:var(--font-inter),Arial,sans-serif;--font-mono:var(--font-jetbrains),ui-monospace,monospace;--spacing:.25rem;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-36{height:calc(var(--spacing)*36)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#0f1014;--bg-2:#16171b;--surface:#1d1e22;--surface-2:#26272b;--line:#26272b;--line-2:#3e3f43;--text:#f5f4f2;--text-2:#bab9b7;--muted:#898a8c;--faint:#5a5b5f;--blue:#7b93ff;--systems:#5fe0c1;--interfaces:#f2b45a;--design:#f08cb0;--research:#c39bff;--display:var(--font-stk),Arial,sans-serif;--body:var(--font-inter),Arial,sans-serif;--mono:var(--font-jetbrains),ui-monospace,monospace;--label:var(--font-rolanti),var(--font-jetbrains),ui-monospace,monospace;--accent:var(--text-2);--page:1200px;--cols:repeat(12,minmax(0,1fr));--gutter:32px;--col:700px;--full:1040px;--ease-out:cubic-bezier(.22,1,.36,1);color-scheme:dark}html{background:var(--bg);scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font-family:var(--body);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;flex-direction:column;min-height:100dvh;font-size:16px;line-height:1.6;display:flex}main{flex:1 0 auto}::selection{color:#fff;background:#7b93ff59}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--body);letter-spacing:-.02em;font-weight:600;line-height:1.3}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.mono{font-family:var(--label);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px}.grid-bg{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:-1px -1px;background-size:40px 40px}.nav{z-index:30;position:relative}.nav .bar{max-width:var(--page);justify-content:space-between;align-items:center;height:72px;margin:0 auto;padding:0 32px;display:flex}.nav.narrow .bar{max-width:calc(var(--col) + 64px)}.logo{align-items:center;display:flex}.logo .logo-mark{color:#fff;width:auto;height:18px;display:block}.nav .back{align-items:center;gap:8px;padding:8px 0;transition:color .15s;display:inline-flex}.nav .back:hover{color:var(--text)}.nav .back:hover .arrow{transform:translate(-2px)}@media (width<=640px){.nav .bar{height:64px;padding:0 20px}}@media (width<=520px){.logo{gap:8px;font-size:18px}.logo .logo-mark{height:16px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.footer{border-top:1px solid var(--line);color:var(--muted);margin-top:128px;font-size:14px;position:relative}.footer .eof{background:var(--bg);font-family:var(--label);letter-spacing:.14em;color:var(--faint);padding:0 14px;font-size:10.5px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.footer-inner{max-width:var(--page);margin:0 auto;padding:72px 32px 0;position:relative}.footer-top{grid-template-columns:var(--cols);gap:48px var(--gutter);display:grid}.footer-brand{grid-column:1/7}.footer-col:first-of-type{grid-column:8/10}.footer-col:nth-of-type(2){grid-column:10/-1}.footer-brand p{max-width:340px;color:var(--text-2);text-wrap:pretty;font-size:15px;line-height:1.6}.footer-col h2{font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:10.5px;font-weight:400;line-height:20px}.footer-col ul{gap:10px;margin-top:12px;list-style:none;display:grid}.footer-col li{display:flex}.footer-col a{color:var(--text-2);align-items:center;gap:8px;line-height:22px;transition:color .15s;display:inline-flex}.footer-col a:hover{color:var(--text)}.footer-col .arrow{color:var(--faint);transition:transform .18s var(--ease-out),color .15s;font-size:12px}.footer-col a:hover .arrow{color:var(--muted);transform:translate(1px,-1px)}.footer-mark{margin-top:88px;padding:0 32px;display:block}.wordmark{width:100%;height:auto;display:block;overflow:visible}.wordmark path{fill:var(--bg);stroke:#ffffff21;stroke-width:2px;paint-order:stroke;vector-effect:non-scaling-stroke}.wordmark-guides line{stroke:#ffffff12;stroke-width:1px;vector-effect:non-scaling-stroke}.wordmark-lit{opacity:0;transition:opacity .5s var(--ease-out);pointer-events:none}.wordmark-lit path{fill:var(--bg);stroke:#ffffff52}.footer-mark[data-lit] .wordmark-lit{opacity:1;transition-duration:.2s}.footer-base{max-width:var(--page);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin:40px auto 0;padding:20px 32px 28px;font-size:13px;display:flex}.footer-base .build{font-family:var(--label);letter-spacing:0;color:var(--faint);font-variant-numeric:tabular-nums;font-size:11.5px}@media (width<=760px){.footer{margin-top:96px}.footer-inner{padding:56px 20px 0}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.footer-brand{grid-column:1/-1}.footer .footer-col{grid-column:auto}.footer-mark{margin-top:56px;padding:0 20px}.footer-base{margin-top:20px;padding-inline:20px}}.index{max-width:var(--page);margin:0 auto;padding:0 32px}.intro{padding:40px 0 56px}.intro h1{letter-spacing:-.02em;max-width:760px;color:var(--muted);text-wrap:pretty;font-size:24px;font-weight:500;line-height:1.35}.intro h1 b{color:var(--text);font-weight:600}.masthead{padding:32px 0 60px}.masthead h1{font-family:var(--display);letter-spacing:-.04em;flex-wrap:wrap;align-items:baseline;gap:0 .14em;font-size:clamp(40px,7.5vw,88px);font-weight:500;line-height:1;display:flex}.masthead .outline{color:#0000;-webkit-text-stroke:1px #fff6;font-weight:400;position:relative}.masthead .outline:before{content:"";border-block:1px solid #ffffff21;position:absolute;inset:calc(.155em - .5px) -.09em calc(.155em - .5px) -.04em}.masthead .outline:after{content:"";border-inline:1px solid #ffffff21;position:absolute;inset:.02em calc(.03em - .5px) -.04em calc(.082em - .5px)}.masthead-meta{gap:clamp(32px,10vw,160px);margin-top:22px;display:flex}.masthead-meta p{letter-spacing:.06em;color:var(--faint);font-size:11px;line-height:1.6}.home{padding-top:0}.meta{align-items:center;gap:10px;display:flex}.meta .topic{color:var(--muted);align-items:center;gap:10px;display:inline-flex}.meta .topic:before{content:"/";color:var(--faint)}.dot{color:var(--faint);margin:0 6px}.featured{grid-template-columns:var(--cols);column-gap:var(--gutter);align-items:center;padding-bottom:72px;display:grid}.featured .cover{grid-column:1/8}.featured .body{grid-column:8/-1}.featured .cover{aspect-ratio:16/10;border-radius:10px;position:relative}.featured .cover:after,.row .thumb:after{content:"";border-radius:inherit;pointer-events:none;transition:box-shadow .15s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.featured:hover .cover:after,.row:hover .thumb:after{box-shadow:inset 0 0 0 1px #ffffff1a}.featured .cover svg,.row .thumb svg{width:100%;height:100%;position:absolute;inset:0}.featured .cover>*,.row .thumb>*{border-radius:inherit;overflow:hidden}.featured .cover:before,.row .thumb:before{--gap:8px;--over:12px;--c:var(--blue)}@supports (color:color-mix(in lab, red, red)){.featured .cover:before,.row .thumb:before{--c:color-mix(in srgb,var(--blue)65%,transparent)}}.featured .cover:before,.row .thumb:before{--h:repeating-linear-gradient(90deg,var(--c)0 3px,transparent 3px 6px);--v:repeating-linear-gradient(0deg,var(--c)0 3px,transparent 3px 6px);content:"";inset:calc(-1*(var(--gap) + var(--over)));pointer-events:none;opacity:0;background:var(--h)0 var(--over)/100% 1px no-repeat,var(--h)0 calc(100% - var(--over))/100% 1px no-repeat,var(--v)var(--over)0/1px 100% no-repeat,var(--v)calc(100% - var(--over))0/1px 100% no-repeat;border-radius:0;transition:opacity .15s;position:absolute}.row .thumb:before{--gap:6px;--over:8px}.featured:hover .cover:before,.featured:focus-visible .cover:before,.row:hover .thumb:before,.row:focus-visible .thumb:before{opacity:1}.featured .meta .mono:first-child:before{content:"";background:var(--blue);vertical-align:.08em;width:6px;height:6px;margin-right:8px;display:inline-block}.featured h2{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin-top:20px;font-size:36px;font-weight:500;line-height:1.12}.featured h2,.row h2{text-underline-offset:5px;text-decoration:underline 1px #0000;transition:text-decoration-color .15s}.featured:hover h2,.row:hover h2{-webkit-text-decoration-color:var(--faint);-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.row .read{transition:color .15s}.row:hover .read{color:var(--muted)}.icon{flex:none;display:block}.arrow{vertical-align:-.12em;transition:transform .18s var(--ease-out);display:inline-flex}.row .arrow{opacity:0;transition:opacity .15s,transform .18s var(--ease-out);transform:translate(-3px)}.row:hover .arrow{opacity:1;transform:none}.featured p{color:var(--text-2);text-wrap:pretty;margin-top:16px;font-size:17px;line-height:1.6}.featured .byline{color:var(--muted);margin-top:24px;font-size:14px}.more{padding-top:8px}.more-head,.row{grid-template-columns:var(--cols);column-gap:var(--gutter);display:grid}.more-head{align-items:center;padding-bottom:12px}.more-head>span{color:var(--faint);letter-spacing:.08em;font-size:10.5px}.c-topic,.row .meta .topic{grid-column:8/10}.c-date,.row .meta time{grid-column:10/12}.c-read,.row .read{grid-column:12;justify-self:end}.more ul{list-style:none}.more li{border-top:1px solid var(--line)}.row{grid-template-rows:auto auto;align-items:center;row-gap:4px;padding:24px 0}.row .thumb{aspect-ratio:16/10;border-radius:6px;grid-area:1/1/3/3;position:relative}.row .text,.row .meta{display:contents}.row h2{grid-area:1/3/auto/8;align-self:end;font-size:17px;line-height:1.4}.row p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:2/3/auto/8;align-self:start;font-size:14.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.row .meta time,.row .meta .topic,.row .read{grid-row:1/3}.row .meta time{font-family:var(--label);color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.row .meta .topic{font-size:11px}.row .meta .topic:before{content:none}.row .read{font-family:var(--label);letter-spacing:0;color:var(--faint);white-space:nowrap;font-size:12px;position:relative}.row .read .arrow{margin-left:6px;position:absolute;left:100%}@media (width<=860px){.home{padding-top:8px}.featured{grid-template-columns:minmax(0,1fr);row-gap:28px;padding-bottom:48px}.featured .cover,.featured .body{grid-column:1}.featured h2{margin-top:16px;font-size:28px}.more{padding-top:0}.more-head,.row .read{display:none}.row{grid-template-rows:none;grid-template-columns:120px minmax(0,1fr);gap:0 16px;padding:20px 0}.row .thumb{grid-area:auto/1}.row .text{grid-column:2;display:block}.row .meta{font-size:13px;display:flex}.row .meta time{font-family:var(--body);font-size:13px}.row .meta .topic:before{content:"/"}.row h2{margin-top:6px}.row p{margin-top:4px}}@media (width<=640px){.index{padding:0 20px}.row p{display:none}}.article-grid{grid-template-columns:232px minmax(0,1fr) 232px;display:grid}.article-grid>.article-main{grid-column:2}.article-grid>.toc{grid-column:3}.article-main{min-width:0;padding:0 32px}.col{max-width:var(--col);margin:0 auto}.ahead{padding:56px 0 0}.ahead .topic-tag{align-items:center;gap:8px;margin-bottom:20px;transition:color .15s;display:inline-flex}.ahead .topic-tag:before{content:"";background:var(--blue);width:6px;height:6px}.ahead .topic-tag:hover{color:var(--text-2)}.ahead h1{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(34px,5vw,48px);font-weight:500;line-height:1.08}.ahead .dek{color:var(--text-2);text-wrap:pretty;max-width:640px;margin-top:20px;font-size:19px;line-height:1.6}.facts{flex-wrap:wrap;align-items:flex-start;gap:20px 56px;margin-top:32px;padding-top:24px;display:flex;position:relative}.facts:before{content:"";background:#ffffff1a;height:1px;position:absolute;top:0;left:-16px;right:-16px}.facts dt{font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:10.5px}.facts dd{color:var(--text);margin-top:8px;font-size:14.5px;line-height:1.4}.facts .authors{flex-wrap:wrap;gap:12px 20px;display:flex}.facts .author{align-items:center;gap:10px;display:inline-flex}.facts .author small{color:var(--muted);font-size:12.5px;display:block}.facts .avatar{letter-spacing:.02em;width:30px;height:30px;color:var(--text-2);background:var(--surface);border:1px solid var(--line-2);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:600;display:grid}.hero-fig{aspect-ratio:740/300;border:1px solid var(--line);border-radius:10px;margin:48px 0 0;position:relative}.hero-fig>*{border-radius:inherit;overflow:hidden}.hero-fig:before{--gap:8px;--over:12px;--c:#ffffff21;--h:repeating-linear-gradient(90deg,var(--c)0 3px,transparent 3px 6px);--v:repeating-linear-gradient(0deg,var(--c)0 3px,transparent 3px 6px);content:"";inset:calc(-1*(var(--gap) + var(--over)));pointer-events:none;background:var(--h)0 var(--over)/100% 1px no-repeat,var(--h)0 calc(100% - var(--over))/100% 1px no-repeat,var(--v)var(--over)0/1px 100% no-repeat,var(--v)calc(100% - var(--over))0/1px 100% no-repeat;border-radius:0;position:absolute}.hero-fig svg{width:100%;height:100%;position:absolute;inset:0}@media (width<=640px){.article-grid{margin-top:-64px;padding-top:64px}.ahead{padding-top:32px}.hero-fig:before{--gap:6px;--over:6px}.facts{gap:20px 40px}.facts>div:first-child{flex-basis:100%}}.toc{--toc-top:106px;margin-top:var(--toc-top);z-index:1;align-self:start;padding:0 24px 0 0;font-size:14px;transition:opacity .2s,visibility .2s;position:sticky;top:48px}.toc-list{position:relative}.toc a{color:var(--muted);border-left:1px solid var(--line-2);padding:6px 0 6px 18px;line-height:1.45;transition:color .15s,border-color .15s;display:block}.toc a:first-child{padding-top:0}.toc a:last-child{padding-bottom:0}.toc a:hover{color:var(--text-2)}.toc a[data-active=true]{color:var(--text)}.toc-list:before{--tick:20px;content:"";width:2px;height:var(--tick);transform:translateY(calc(var(--bar-y,0px) + (var(--bar-h,0px) - var(--tick))/2));background:var(--blue);opacity:0;border-radius:1px;position:absolute;top:0;left:0}.toc[data-placed=true] .toc-list:before{opacity:1}.toc[data-ready=true] .toc-list:before{transition:transform .25s var(--ease-out)}@media (width<=1239px){.article-grid{grid-template-columns:minmax(0,1fr)}.article-grid>.article-main{grid-column:1}.toc{display:none}}@media (width<=640px){.article-main{padding:0 20px}}.prose{letter-spacing:-.006em;color:#cbced4;padding-top:40px;font-size:17px;line-height:1.75}.prose>p,.prose li{text-wrap:pretty}.prose p{margin:0 0 24px}.prose h2{font-family:var(--display);letter-spacing:-.025em;color:var(--text);text-wrap:balance;margin:72px 0 18px;scroll-margin-top:32px;font-size:27px;font-weight:500;line-height:1.25}.prose h3{color:var(--text);margin:44px 0 12px;scroll-margin-top:32px;font-size:19px;line-height:1.4}.prose a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--faint);-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:3px}.prose a:hover{-webkit-text-decoration-color:var(--blue);-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}.prose strong{color:var(--text);font-weight:600}.prose em{color:var(--text)}.prose ul,.prose ol{margin:0 0 24px;padding:0;list-style:none}.prose ol{counter-reset:step}.prose li{margin:10px 0;padding-left:22px;position:relative}.prose ul>li:before{content:"";background:var(--faint);border-radius:1px;width:5px;height:5px;position:absolute;top:calc(.875em - 2px);left:2px}.prose ol>li{counter-increment:step;padding-left:30px}.prose ol>li:before{content:counter(step,decimal-leading-zero);font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72em;position:absolute;top:.32em;left:0}.prose :not(pre)>code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:4px;padding:1px 5px;font-size:.84em}.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}.prose blockquote{border-left:2px solid var(--line-2);color:var(--text-2);margin:32px 0;padding-left:20px;font-style:italic}.tldr,.callout{border:1px solid var(--line);background:var(--bg-2);color:var(--text-2);border-radius:12px;padding:20px 24px 22px;font-size:16px;line-height:1.7}.tldr{margin-bottom:44px}.callout{margin:36px 0}.tldr>.mono,.callout>.mono{letter-spacing:.08em;color:var(--muted);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;display:flex}.callout>.mono:before{content:"";background:var(--faint);border-radius:1px;width:6px;height:6px}.tldr ul{margin:0}.tldr li{margin:6px 0}.tldr li:before{top:calc(.85em - 2px)}.callout>:last-child:not(.mono),.tldr>:last-child,.tldr li:last-child{margin-bottom:0}.callout.quote{border:0;border-left:1px solid var(--line-2);letter-spacing:-.015em;color:var(--text);background:0 0;border-radius:0;padding:2px 0 2px 24px;font-size:19px;font-weight:500;line-height:1.45}.stats{grid-template-columns:repeat(var(--n,3),1fr);border:1px solid var(--line);border-radius:12px;margin:36px 0;display:grid;overflow:hidden}.stats>div{border-right:1px solid var(--line);background:var(--bg-2);padding:20px 22px}.stats>div:last-child{border-right:0}.stats b{color:var(--text);letter-spacing:-.02em;font-size:26px;font-weight:600;line-height:1.1;display:block}.stats span{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.4;display:block}@media (width<=640px){.stats{grid-template-columns:1fr}.stats>div{border-right:0;border-bottom:1px solid var(--line)}}.sidenote{color:var(--muted);border-left:2px solid var(--line-2);background:var(--bg-2);border-radius:0 8px 8px 0;margin:8px 0 32px;padding:14px 18px;font-size:14.5px;line-height:1.65}.sidenote b{color:var(--text-2);font-family:var(--label);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:400;display:block}.codeblock{border:1px solid var(--line);background:#0c0d10;border-radius:12px;margin:32px 0;overflow:hidden}.codeblock .head{border-bottom:1px solid var(--line);font-family:var(--mono);color:var(--muted);justify-content:space-between;padding:10px 16px;font-size:11.5px;display:flex}.codeblock .head span+span{font-family:var(--label);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.codeblock pre{font-family:var(--mono);color:#cfd3da;padding:18px 20px;font-size:13.5px;line-height:1.65;overflow-x:auto}.codeblock .k{color:#c39bff}.codeblock .s{color:#5fe0c1}.codeblock .c{color:var(--faint);font-style:italic}.codeblock .f{color:#7b93ff}.codeblock .n{color:#f2b45a}.table-wrap{margin:32px 0;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:14.5px;line-height:1.5}.prose th{font-family:var(--label);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-align:left;border-bottom:1px solid var(--line-2);padding:10px 12px;font-size:11px;font-weight:400}.prose td{border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:top;padding:12px}.prose td:first-child{color:var(--text)}@media (width<=640px){.prose{font-size:16px;line-height:1.7}.prose p{margin-bottom:20px}.prose h2{margin-top:56px;font-size:23px}}.prose td.num,.prose th.num{text-align:right;font-family:var(--mono);font-size:13px}.figure{clear:both;z-index:2;margin:48px 0;position:relative}.figure.full{width:min(var(--full),calc(100vw - 48px));margin-left:50%;transform:translate(-50%)}@media (width>=1240px){.figure.full{width:min(var(--full),calc(100vw - 2*232px - 48px))}}.figure.bleed{width:100vw;margin-left:50%;transform:translate(-50%)}.figure.bleed .frame{border-left:0;border-right:0;border-radius:0}.figure .frame{border:1px solid var(--line);background:var(--bg-2);border-radius:12px;position:relative;overflow:hidden}.figure .frame.pad{padding:28px}.figure .frame>svg,.figure .frame>img,.figure .frame>astro-island>svg{width:100%;height:auto;display:block}astro-island,astro-slot{display:contents}.figure .expand{font-family:var(--label);text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);border:1px solid var(--line-2);z-index:3;cursor:pointer;opacity:.7;background:#0a0b0dd9;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;transition:opacity .15s,color .15s;display:inline-flex;position:absolute;top:12px;right:12px}.figure:hover .expand,.figure .expand:focus-visible{opacity:1;color:var(--text)}.figure:not(.bleed):before,.figure:not(.bleed)>.figcaption:before{--l:9px;--c:#ffffff29;--d:linear-gradient(var(--c),var(--c));content:"";left:calc(-1*var(--l));right:calc(-1*var(--l));height:calc(var(--l) + 1px);pointer-events:none;position:absolute}.figure:not(.bleed):before{top:calc(-1*var(--l));background:var(--d)0 100%/var(--l)1px no-repeat,var(--d)100% 100%/var(--l)1px no-repeat,var(--d)var(--l)0/1px var(--l)no-repeat,var(--d)calc(100% - var(--l))0/1px var(--l)no-repeat}.figure:not(.bleed)>.figcaption:before{background:var(--d)0 0/var(--l)1px no-repeat,var(--d)100% 0/var(--l)1px no-repeat,var(--d)var(--l)100%/1px var(--l)no-repeat,var(--d)calc(100% - var(--l))100%/1px var(--l)no-repeat;top:-13px}.figcaption{color:var(--muted);align-items:baseline;gap:14px;margin-top:12px;font-size:14px;line-height:1.5;display:flex;position:relative}.figcaption .cap{flex:1;min-width:0}.figure.bleed .figcaption{max-width:var(--full);margin-left:auto;margin-right:auto;padding:0 24px}.figcaption .n{font-family:var(--label);color:var(--faint);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;font-size:11.5px}.fig-box:not([open]),.fig-box:not([open])>.stage,.fig-box:not([open]) .canvas{display:contents}.fig-box:not([open])>.bar,.fig-box:not([open])>.foot{display:none}.fig-box[open]{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--text);backdrop-filter:blur(6px);background:#060708f5;border:0;grid-template-rows:auto 1fr auto;margin:0;padding:0;animation:.18s ease-out lb-in;display:grid;position:fixed;inset:0}.fig-box::backdrop{background:0 0}.fig-box[open] .expand{display:none}html.fig-open{overflow:hidden}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.fig-box .bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:10px 16px 10px 24px;display:flex}.fig-box .bar .tools{align-items:center;gap:2px;display:flex}.fig-box .bar .gap{background:var(--line-2);width:1px;height:16px;margin:0 10px}.fig-box .bar .zoom{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;font-size:11px}.fig-box button.tool{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;transition:color .15s,background .15s;display:grid}.fig-box button.tool:hover{color:var(--text);background:var(--surface-2)}.fig-box[open] .stage{place-items:center;padding:40px;display:grid;overflow:auto}.fig-box[open] .canvas{transform-origin:top;width:min(1500px,100%);transition:transform .2s}.fig-box[open] .canvas>.frame{border:1px solid var(--line);background:var(--bg-2);border-radius:14px;overflow:hidden}.fig-box[open] .canvas>.frame.pad{padding:36px}.fig-box[open] .canvas svg,.fig-box[open] .canvas img{width:100%;height:auto;display:block}.fig-box .foot{border-top:1px solid var(--line);color:var(--text-2);padding:14px 24px;font-size:14px}.tabs{border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.tabs button{text-align:center;color:var(--muted);border-right:1px solid var(--line);cursor:pointer;white-space:nowrap;background:0 0;flex:1;padding:13px 10px;font-size:13px;transition:color .15s,background .15s}.tabs button:last-child{border-right:0}.tabs button:hover{color:var(--text-2)}.tabs button[aria-selected=true]{color:var(--text);background:var(--surface);box-shadow:inset 0 -2px 0 var(--text-2)}.ctrl{border-top:1px solid var(--line);font-family:var(--mono);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;font-size:11px;display:flex}.ctrl button{color:var(--text-2);cursor:pointer;border:1px solid var(--line-2);font-family:var(--mono);background:0 0;border-radius:6px;padding:4px 9px;font-size:11px}.ctrl button:hover{color:var(--text)}.ctrl button:disabled{opacity:.35;cursor:default}.scrub{background:var(--line);border-radius:2px;flex:1;height:3px;position:relative;overflow:hidden}.scrub i{background:var(--text-2);border-radius:2px;height:3px;transition:width .3s;position:absolute;top:0;left:0}.seg{border:1px solid var(--line-2);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{font-family:var(--mono);color:var(--muted);cursor:pointer;border-right:1px solid var(--line-2);background:0 0;padding:6px 12px;font-size:11.5px}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--surface-2);color:var(--text)}.hiring{color:var(--muted);margin-top:56px;font-size:14.5px}.hiring a{color:var(--text-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:4px;transition:color .15s,text-decoration-color .15s}.hiring a:hover{color:var(--text);-webkit-text-decoration-color:var(--faint);-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.hiring a:hover .arrow{transform:translate(2px)}.hiring+.pager{margin-top:28px}.pager{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:24px;margin-top:72px;padding-top:28px;display:grid}.pager a{color:var(--text-2);flex-direction:column;gap:8px;font-size:16px;font-weight:600;line-height:1.4;transition:color .15s;display:flex}.pager a:hover{color:var(--text)}.pager a:hover .arrow{transform:translate(2px)}.pager a:hover .arrow.back{transform:translate(-2px)}.dg text{font-family:var(--mono);fill:var(--muted);font-size:12px}.dg .t-strong{fill:var(--text)}.dg .t-2{fill:var(--text-2)}.dg .t-faint{fill:var(--faint)}.dg .t-sys{fill:var(--systems)}.dg .t-int{fill:var(--interfaces)}.dg .t-des{fill:var(--design)}.dg .t-blue{fill:var(--blue)}.dg .t-red{fill:#ff7a8a}.dg .sans{font-family:var(--body)}.dg .display{font-family:var(--display)}@media (width<=900px){.seq-grid{grid-template-columns:1fr!important}.seq-grid>div{border-top:1px solid var(--line);border-left:0!important}}.figure .expand.inline{opacity:1;width:24px;height:24px;color:var(--faint);background:0 0;border:0;flex:none;justify-content:center;align-self:flex-start;margin:-1px -5px 0 0;padding:0;font-size:14px;line-height:1;position:static}.figure .expand.inline:hover,.figure .expand.inline:focus-visible{color:var(--text)}.toc[data-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}.prose th{white-space:nowrap}.chart-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 4px;padding:18px 20px 16px;display:flex}.chart-head h5{color:var(--text);letter-spacing:-.01em;font-size:15px;font-weight:600}.chart-head p{color:var(--muted);margin-top:2px;font-size:13px}.chart-body{padding:8px 12px 0;position:relative}.chart-legend{color:var(--text-2);flex-wrap:wrap;justify-content:center;gap:22px;padding:14px 20px 16px;font-size:13px;display:flex}.chart-legend span{align-items:center;gap:8px;display:inline-flex}.chart-legend i{border-radius:50%;width:9px;height:9px;display:inline-block}.chart-legend i.sq{border-radius:2px}.chart-play{color:var(--muted);align-items:center;gap:14px;padding:6px 20px 2px;font-size:13px;display:flex}.chart-play button{width:26px;height:26px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:6px;place-items:center;font-size:11px;display:grid}.chart-play button:hover{background:var(--surface-2);color:var(--text)}.chart-play input[type=range]{accent-color:var(--text-2);cursor:pointer;flex:1;height:4px}.chart-play .t{text-align:right;font-variant-numeric:tabular-nums;min-width:64px}.dg .ax{font-family:var(--body);fill:var(--muted);font-size:11.5px}.dg .tip rect{fill:var(--surface-2);stroke:var(--line-2)}.dg .tip text{font-family:var(--body);fill:var(--text);font-size:12px}.prose .chart-head p{margin:2px 0 0}.hscroll{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=760px){.hscroll>svg{min-width:var(--hscroll-min,720px)}}.wf-row:focus{outline:none}.wf-row:focus-visible>rect:first-child{stroke:var(--blue);stroke-width:1.5px}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ahead>*,.article-main .prose,.featured .body>*,.more li,.intro>*{animation:rise .4s var(--ease-out)both}.ahead>:nth-child(2),.featured .body>:nth-child(2),.intro>:nth-child(2){animation-delay:30ms}.ahead>:nth-child(3),.featured .body>:nth-child(3){animation-delay:60ms}.ahead>:nth-child(4),.featured .body>:nth-child(4){animation-delay:90ms}.article-main .prose{animation-delay:.12s}html[data-nav] :is(.ahead>*,.article-main .prose,.featured .body>*,.more li,.intro>*){animation:none}.more li:first-child{animation-delay:.12s}.more li:nth-child(2){animation-delay:.14s}.more li:nth-child(3){animation-delay:.16s}.more li:nth-child(4){animation-delay:.18s}.more li:nth-child(n+5){animation-delay:.2s}::view-transition{pointer-events:none}::view-transition-old(root){animation:.12s cubic-bezier(.4,0,1,1) both vt-out}::view-transition-new(root){animation:vt-in .22s var(--ease-out)40ms both}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(6px)}}::view-transition-group(.morph){animation-duration:.3s;animation-timing-function:var(--ease-out);border-radius:14px;overflow:clip}::view-transition-old(.morph),::view-transition-new(.morph){object-fit:cover;height:100%}::view-transition-group(site-header){z-index:100;animation:none}::view-transition-old(site-header){display:none}::view-transition-new(site-header){animation:none}.march{animation:1.2s linear infinite dg-march}.march.slow{animation-duration:2.4s}@keyframes dg-march{to{stroke-dashoffset:-12px}}.breathe{animation:3.2s ease-in-out infinite dg-breathe}@keyframes dg-breathe{0%,to{opacity:1}50%{opacity:.45}}.pulse{animation:3.2s ease-in-out infinite dg-pulse}@keyframes dg-pulse{0%,to{opacity:0}50%{opacity:.7}}.spin{transform-box:fill-box;transform-origin:50%;animation:48s linear infinite dg-spin}@keyframes dg-spin{to{transform:rotate(360deg)}}.turn-on{opacity:0;animation:linear infinite both dg-turn}@keyframes dg-turn{0%{opacity:0}1.5%{opacity:1}9%{opacity:1}11%{opacity:0}to{opacity:0}}.scan{opacity:0;animation:linear infinite both dg-scan}@keyframes dg-scan{0%{opacity:0}2%{opacity:.9}11%{opacity:.9}16%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.dg-motion{display:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}::view-transition-old(*),::view-transition-new(*),::view-transition-group(*),::view-transition-image-pair(*){animation-duration:0s!important;animation-delay:0s!important}html{scroll-behavior:auto}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}