@layer tokens {
:root{--spacing:1rem;--s1:calc(var(--spacing) * .25);--s2:calc(var(--spacing) * .5);--s3:calc(var(--spacing) * .75);--s4:calc(var(--spacing) * 1);--s5:calc(var(--spacing) * 1.5);--s6:calc(var(--spacing) * 2);--s8:calc(var(--spacing) * 3);--s10:calc(var(--spacing) * 4);--s12:calc(var(--spacing) * 5);--s16:calc(var(--spacing) * 6);--type-ratio:1.25;--font-size-0:calc(1rem / var(--type-ratio));--font-size-1:1rem;--font-size-2:calc(1rem * var(--type-ratio));--font-size-3:calc(var(--font-size-2) * var(--type-ratio));--font-size-4:calc(var(--font-size-3) * var(--type-ratio));--font-size-5:calc(var(--font-size-4) * var(--type-ratio));--line-height-body:1.6;--line-height-heading:1.2;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--content-width:60rem}
}

@layer tokens {
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--l-50:.95;--l-100:.88;--l-200:.78;--l-300:.65;--l-400:.55;--l-600:.42;--l-700:.3;--l-800:.2;--l-900:.12;--dl-50:.12;--dl-100:.2;--dl-200:.3;--dl-300:.42;--dl-400:.55;--dl-600:.65;--dl-700:.78;--dl-800:.88;--dl-900:.95}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root{--color-primary-50:oklch(from var(--color-primary) var(--lightningcss-light,var(--l-50))var(--lightningcss-dark,var(--dl-50)) calc(c * .2) h);--color-primary-100:oklch(from var(--color-primary) var(--lightningcss-light,var(--l-100))var(--lightningcss-dark,var(--dl-100)) calc(c * .4) h);--color-primary-200:oklch(from var(--color-primary) var(--lightningcss-light,var(--l-200))var(--lightningcss-dark,var(--dl-200)) calc(c * .6) h);--color-primary-300:oklch(from var(--color-primary) var(--lightningcss-light,var(--l-300))var(--lightningcss-dark,var(--dl-300)) calc(c * .8) h);--color-primary-400:oklch(from var(--color-primary) var(--lightningcss-light,var(--l-400))var(--lightningcss-dark,var(--dl-400)) c h);--color-primary-500:var(--color-primary);--color-primary-600:oklch(from var(--color-primary) var(--lightningcss-light,var(--l-600))var(--lightningcss-dark,var(--dl-600)) calc(c * .8) h);--color-primary-700:oklch(from var(--color-primary) var(--lightningcss-light,var(--l-700))var(--lightningcss-dark,var(--dl-700)) calc(c * .6) h);--color-primary-800:oklch(from var(--color-primary) var(--lightningcss-light,var(--l-800))var(--lightningcss-dark,var(--dl-800)) calc(c * .4) h);--color-primary-900:oklch(from var(--color-primary) var(--lightningcss-light,var(--l-900))var(--lightningcss-dark,var(--dl-900)) calc(c * .2) h);--color-secondary-50:oklch(from var(--color-secondary) var(--lightningcss-light,var(--l-50))var(--lightningcss-dark,var(--dl-50)) calc(c * .2) h);--color-secondary-100:oklch(from var(--color-secondary) var(--lightningcss-light,var(--l-100))var(--lightningcss-dark,var(--dl-100)) calc(c * .4) h);--color-secondary-200:oklch(from var(--color-secondary) var(--lightningcss-light,var(--l-200))var(--lightningcss-dark,var(--dl-200)) calc(c * .6) h);--color-secondary-300:oklch(from var(--color-secondary) var(--lightningcss-light,var(--l-300))var(--lightningcss-dark,var(--dl-300)) calc(c * .8) h);--color-secondary-400:oklch(from var(--color-secondary) var(--lightningcss-light,var(--l-400))var(--lightningcss-dark,var(--dl-400)) c h);--color-secondary-500:var(--color-secondary);--color-secondary-600:oklch(from var(--color-secondary) var(--lightningcss-light,var(--l-600))var(--lightningcss-dark,var(--dl-600)) calc(c * .8) h);--color-secondary-700:oklch(from var(--color-secondary) var(--lightningcss-light,var(--l-700))var(--lightningcss-dark,var(--dl-700)) calc(c * .6) h);--color-secondary-800:oklch(from var(--color-secondary) var(--lightningcss-light,var(--l-800))var(--lightningcss-dark,var(--dl-800)) calc(c * .4) h);--color-secondary-900:oklch(from var(--color-secondary) var(--lightningcss-light,var(--l-900))var(--lightningcss-dark,var(--dl-900)) calc(c * .2) h);--color-tertiary-50:oklch(from var(--color-tertiary) var(--lightningcss-light,var(--l-50))var(--lightningcss-dark,var(--dl-50)) calc(c * .2) h);--color-tertiary-100:oklch(from var(--color-tertiary) var(--lightningcss-light,var(--l-100))var(--lightningcss-dark,var(--dl-100)) calc(c * .4) h);--color-tertiary-200:oklch(from var(--color-tertiary) var(--lightningcss-light,var(--l-200))var(--lightningcss-dark,var(--dl-200)) calc(c * .6) h);--color-tertiary-300:oklch(from var(--color-tertiary) var(--lightningcss-light,var(--l-300))var(--lightningcss-dark,var(--dl-300)) calc(c * .8) h);--color-tertiary-400:oklch(from var(--color-tertiary) var(--lightningcss-light,var(--l-400))var(--lightningcss-dark,var(--dl-400)) c h);--color-tertiary-500:var(--color-tertiary);--color-tertiary-600:oklch(from var(--color-tertiary) var(--lightningcss-light,var(--l-600))var(--lightningcss-dark,var(--dl-600)) calc(c * .8) h);--color-tertiary-700:oklch(from var(--color-tertiary) var(--lightningcss-light,var(--l-700))var(--lightningcss-dark,var(--dl-700)) calc(c * .6) h);--color-tertiary-800:oklch(from var(--color-tertiary) var(--lightningcss-light,var(--l-800))var(--lightningcss-dark,var(--dl-800)) calc(c * .4) h);--color-tertiary-900:oklch(from var(--color-tertiary) var(--lightningcss-light,var(--l-900))var(--lightningcss-dark,var(--dl-900)) calc(c * .2) h);--color-surface-50:oklch(from var(--color-surface) var(--lightningcss-light,var(--l-50))var(--lightningcss-dark,var(--dl-50)) calc(c * .2) h);--color-surface-100:oklch(from var(--color-surface) var(--lightningcss-light,var(--l-100))var(--lightningcss-dark,var(--dl-100)) calc(c * .4) h);--color-surface-200:oklch(from var(--color-surface) var(--lightningcss-light,var(--l-200))var(--lightningcss-dark,var(--dl-200)) calc(c * .6) h);--color-surface-300:oklch(from var(--color-surface) var(--lightningcss-light,var(--l-300))var(--lightningcss-dark,var(--dl-300)) calc(c * .8) h);--color-surface-400:oklch(from var(--color-surface) var(--lightningcss-light,var(--l-400))var(--lightningcss-dark,var(--dl-400)) c h);--color-surface-500:var(--color-surface);--color-surface-600:oklch(from var(--color-surface) var(--lightningcss-light,var(--l-600))var(--lightningcss-dark,var(--dl-600)) calc(c * .8) h);--color-surface-700:oklch(from var(--color-surface) var(--lightningcss-light,var(--l-700))var(--lightningcss-dark,var(--dl-700)) calc(c * .6) h);--color-surface-800:oklch(from var(--color-surface) var(--lightningcss-light,var(--l-800))var(--lightningcss-dark,var(--dl-800)) calc(c * .4) h);--color-surface-900:oklch(from var(--color-surface) var(--lightningcss-light,var(--l-900))var(--lightningcss-dark,var(--dl-900)) calc(c * .2) h);--color-surface-alt-50:oklch(from var(--color-surface-alt) var(--lightningcss-light,var(--l-50))var(--lightningcss-dark,var(--dl-50)) calc(c * .2) h);--color-surface-alt-100:oklch(from var(--color-surface-alt) var(--lightningcss-light,var(--l-100))var(--lightningcss-dark,var(--dl-100)) calc(c * .4) h);--color-surface-alt-200:oklch(from var(--color-surface-alt) var(--lightningcss-light,var(--l-200))var(--lightningcss-dark,var(--dl-200)) calc(c * .6) h);--color-surface-alt-300:oklch(from var(--color-surface-alt) var(--lightningcss-light,var(--l-300))var(--lightningcss-dark,var(--dl-300)) calc(c * .8) h);--color-surface-alt-400:oklch(from var(--color-surface-alt) var(--lightningcss-light,var(--l-400))var(--lightningcss-dark,var(--dl-400)) c h);--color-surface-alt-500:var(--color-surface-alt);--color-surface-alt-600:oklch(from var(--color-surface-alt) var(--lightningcss-light,var(--l-600))var(--lightningcss-dark,var(--dl-600)) calc(c * .8) h);--color-surface-alt-700:oklch(from var(--color-surface-alt) var(--lightningcss-light,var(--l-700))var(--lightningcss-dark,var(--dl-700)) calc(c * .6) h);--color-surface-alt-800:oklch(from var(--color-surface-alt) var(--lightningcss-light,var(--l-800))var(--lightningcss-dark,var(--dl-800)) calc(c * .4) h);--color-surface-alt-900:oklch(from var(--color-surface-alt) var(--lightningcss-light,var(--l-900))var(--lightningcss-dark,var(--dl-900)) calc(c * .2) h);--color-muted-50:oklch(from var(--color-muted) var(--lightningcss-light,var(--l-50))var(--lightningcss-dark,var(--dl-50)) calc(c * .2) h);--color-muted-100:oklch(from var(--color-muted) var(--lightningcss-light,var(--l-100))var(--lightningcss-dark,var(--dl-100)) calc(c * .4) h);--color-muted-200:oklch(from var(--color-muted) var(--lightningcss-light,var(--l-200))var(--lightningcss-dark,var(--dl-200)) calc(c * .6) h);--color-muted-300:oklch(from var(--color-muted) var(--lightningcss-light,var(--l-300))var(--lightningcss-dark,var(--dl-300)) calc(c * .8) h);--color-muted-400:oklch(from var(--color-muted) var(--lightningcss-light,var(--l-400))var(--lightningcss-dark,var(--dl-400)) c h);--color-muted-500:var(--color-muted);--color-muted-600:oklch(from var(--color-muted) var(--lightningcss-light,var(--l-600))var(--lightningcss-dark,var(--dl-600)) calc(c * .8) h);--color-muted-700:oklch(from var(--color-muted) var(--lightningcss-light,var(--l-700))var(--lightningcss-dark,var(--dl-700)) calc(c * .6) h);--color-muted-800:oklch(from var(--color-muted) var(--lightningcss-light,var(--l-800))var(--lightningcss-dark,var(--dl-800)) calc(c * .4) h);--color-muted-900:oklch(from var(--color-muted) var(--lightningcss-light,var(--l-900))var(--lightningcss-dark,var(--dl-900)) calc(c * .2) h);--color-border-50:oklch(from var(--color-border) var(--lightningcss-light,var(--l-50))var(--lightningcss-dark,var(--dl-50)) calc(c * .2) h);--color-border-100:oklch(from var(--color-border) var(--lightningcss-light,var(--l-100))var(--lightningcss-dark,var(--dl-100)) calc(c * .4) h);--color-border-200:oklch(from var(--color-border) var(--lightningcss-light,var(--l-200))var(--lightningcss-dark,var(--dl-200)) calc(c * .6) h);--color-border-300:oklch(from var(--color-border) var(--lightningcss-light,var(--l-300))var(--lightningcss-dark,var(--dl-300)) calc(c * .8) h);--color-border-400:oklch(from var(--color-border) var(--lightningcss-light,var(--l-400))var(--lightningcss-dark,var(--dl-400)) c h);--color-border-500:var(--color-border);--color-border-600:oklch(from var(--color-border) var(--lightningcss-light,var(--l-600))var(--lightningcss-dark,var(--dl-600)) calc(c * .8) h);--color-border-700:oklch(from var(--color-border) var(--lightningcss-light,var(--l-700))var(--lightningcss-dark,var(--dl-700)) calc(c * .6) h);--color-border-800:oklch(from var(--color-border) var(--lightningcss-light,var(--l-800))var(--lightningcss-dark,var(--dl-800)) calc(c * .4) h);--color-border-900:oklch(from var(--color-border) var(--lightningcss-light,var(--l-900))var(--lightningcss-dark,var(--dl-900)) calc(c * .2) h)}
}

@layer reset {
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4}body{font-family:var(--font-body,system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji");font-size:var(--font-size-1);line-height:var(--line-height-body);color:var(--color-surface-800);background-color:var(--color-surface-50);-webkit-font-smoothing:antialiased;margin:0}img,picture,video,canvas,svg{vertical-align:middle;shape-margin:var(--s2);background-repeat:no-repeat;background-size:cover;max-width:100%;height:auto;font-style:italic;display:block}h1,h2,h3,h4,h5,h6,p,ul,ol,dl,blockquote,figure,pre{margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading,system-ui, sans-serif);line-height:var(--line-height-heading);overflow-wrap:break-word}p{overflow-wrap:break-word}ul,ol{padding-inline-start:var(--s5)}[data-block]:not([data-layout=row]):not([data-layout=grid])>*+*{margin-block-start:var(--s4)}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}a{color:var(--color-primary-600);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px;border-radius:var(--radius-sm)}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
}

@layer layout {
[data-layout=row]{align-items:flex-start;gap:var(--s4);flex-direction:row;display:flex}[data-layout=column]{flex-direction:column;display:flex}[data-layout=grid]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}[data-space="1"]{gap:var(--s1)}[data-space="2"]{gap:var(--s2)}[data-space="3"]{gap:var(--s3)}[data-space="4"]{gap:var(--s4)}[data-space="5"]{gap:var(--s5)}[data-space="6"]{gap:var(--s6)}[data-space="8"]{gap:var(--s8)}[data-space="10"]{gap:var(--s10)}[data-space="12"]{gap:var(--s12)}[data-space="16"]{gap:var(--s16)}@supports (gap:attr(data-space type(<number>), rem)){[data-space]{gap:calc(var(--spacing) * attr(data-space type(<number>)))}}[data-width=grow]{box-sizing:border-box;width:100%;padding-inline:max(var(--s4), calc((100% - var(--content-width)) / 2))}[data-block=section] [data-width=grow]{padding-inline:0}[data-width=full]{width:100%}[data-width=auto]{width:fit-content}[data-layout=row]>[data-width=auto]{position:sticky;top:0}
}

@layer components {
[data-block=section][data-section-type=header],[data-block=section][data-section-type=footer]{padding-block:var(--s4)}[data-block=section][data-section-type=main]{padding-block:var(--s6)}[data-block=section][data-section-type=aside]{background-color:var(--color-surface-alt-100);border-radius:var(--radius-md);padding:var(--s4)}[data-block=heading][data-visual=heading]{font-size:var(--font-size-4);color:var(--color-surface-900);font-weight:600}[data-block=heading][data-visual=eyebrow]{font-size:var(--font-size-0);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-600);font-weight:600}[data-block=image] img{border-radius:var(--radius-md);width:100%;height:auto}[data-block=image][data-fit=cover] img{object-fit:cover;aspect-ratio:16/9}[data-block=image][data-fit=contain] img{object-fit:contain}[data-block=rich-text]{max-width:65ch}[data-block=rich-text] a{text-decoration:underline}[data-block=list][data-layout=row]{margin-block:0;padding:0;list-style:none}[data-block=list][data-type=ordered] li+li{margin-block-start:var(--s2)}[data-block=navigation] a{color:var(--color-surface-700)}[data-block=title]{font-size:var(--font-size-4);font-weight:700;font-family:var(--font-heading,system-ui, sans-serif);line-height:var(--line-height-heading)}html{scroll-state-container:auto}[data-section-type=page-header]{z-index:10;background:var(--color-surface-50);padding-inline:max(var(--s4), calc((100% - var(--content-width)) / 2));transition:translate .3s,opacity .3s;position:sticky;top:0}@container scroll-state(scrolled:block-end){[data-section-type=page-header]{opacity:0;translate:0 -100%}}[data-block=toc]{font-size:var(--font-size-1)}[data-block=toc] ol{scroll-target-group:auto}[data-block=toc] a{color:var(--color-surface-500);transition:color .3s}[data-block=comments]{font-size:var(--font-size-0);margin-block:var(--s4);padding:0;list-style:none}[data-block=comments] ol{padding:0;border-inline-start:1px solid var(--color-border,#ddd);margin-block:var(--s2);padding-inline-start:var(--s4);list-style:none}[data-block=comments]>li+li{margin-block-start:var(--s4)}[data-block=comment] header p{gap:var(--s2);color:var(--color-muted-600);align-items:baseline;display:flex}[data-block=comment] time{font-size:var(--font-size-0)}[data-block=comment] details{margin-block-start:var(--s2)}[data-block=comment] summary{cursor:pointer;font-weight:600;font-size:var(--font-size-0);color:var(--color-muted-600)}[data-block=comment] footer{margin-block-start:var(--s2)}[data-block=comment] footer a{font-size:var(--font-size-0);color:var(--color-muted-600)}html{scroll-behavior:smooth;scroll-padding-block-start:var(--s12)}
}

@layer tokens,reset,layout,components;
