@font-face{font-family:Arizona Text;src:url('/arizona-text.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Arizona Sans;src:url('/arizona-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:oklch(94.22% .0034 325.6);--ink:lab(10% 0 0);--muted:color-mix(in lab,var(--ink) 55%,var(--paper));--subtle:color-mix(in lab,var(--ink) 40%,var(--paper));--line:color-mix(in srgb,var(--ink) 22%,transparent);--code:color-mix(in lab,var(--ink) 8%,var(--paper));--green:var(--ink);--site-inset:2.22em;--section-gap:max(calc(var(--site-inset) - .55em),1em);--size:1.11em;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6em}body{margin:0;padding:var(--site-inset);background:var(--paper);color:var(--ink);font:333 var(--size)/1.33 'Arizona Text',Georgia,serif;min-height:100svh;display:flex;flex-direction:column}main{flex:1;min-width:0}a{color:inherit;text-underline-offset:3px}a:hover{color:var(--muted)}p{margin:0 0 1em;overflow-wrap:break-word}h1,h2,h3,h4{font:inherit;line-height:1.33;margin:1.67em 0 1em}h1{color:var(--muted)}h2,h3{color:var(--subtle)}main>h1{margin-top:0}main>section{margin-bottom:var(--section-gap)}.reading,main>section:not(.hero):not(.flow),main>p{max-width:60ch}main>section>h2:first-child{margin-top:0}ul{list-style-type:square;padding-left:1.5em}li::marker{color:var(--subtle)}
.site-header{position:sticky;top:var(--site-inset);z-index:20;margin-bottom:var(--section-gap)}.site-header::before{content:'';position:absolute;inset:calc(-1 * var(--site-inset)) calc(-1 * var(--site-inset)) -1.3em;background:linear-gradient(var(--paper) 60%,transparent);pointer-events:none;z-index:-1}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--site-inset)/2)}.site-brand,.site-home-link{display:inline-flex;align-items:center;white-space:nowrap}.site-home-link{gap:calc(var(--site-inset)/4)}.site-brand a{text-decoration:none}.site-mark{display:block;position:relative;top:-1px;flex:0 0 24px;animation:flower-spin 60s linear infinite}.site-nav-list{display:flex;align-items:center;gap:var(--site-inset);margin-left:auto}.site-nav a{text-decoration:none}.site-nav-list button,.mobile-navigation button{border:0;background:none;padding:0;font:inherit;border-radius:0}.site-menu-button{display:none;align-items:center;justify-content:center;background:none;border:0;color:inherit;width:44px;height:44px;padding:10px;margin:0;z-index:1}.site-menu-icon{width:24px;height:24px;overflow:visible}.site-menu-icon-line{stroke:currentColor;stroke-linecap:round;stroke-width:1.23;transform-origin:12px 12px;transition:transform 280ms cubic-bezier(.22,1.15,.36,1)}.site-menu-icon-line-top{transform:translateY(-5px)}.site-menu-icon-line-bottom{transform:translateY(5px)}[aria-expanded=true] .site-menu-icon-line-top{transform:rotate(45deg)}[aria-expanded=true] .site-menu-icon-line-bottom{transform:rotate(-45deg)}.mobile-navigation{position:fixed;inset:0;background:var(--paper);z-index:30;opacity:0;transform:scale(.985);transform-origin:top right;transition:opacity 220ms ease-out,transform 280ms cubic-bezier(.22,1.15,.36,1)}.mobile-navigation.is-open{opacity:1;transform:scale(1)}.mobile-navigation nav{display:flex;align-items:center;flex-direction:column;gap:var(--site-inset);padding:calc(var(--site-inset) * 2 + 44px) var(--site-inset);min-height:100%}.mobile-navigation a{text-decoration:none}.is-mobile-navigation-open{overflow:hidden}.is-mobile-navigation-open .site-header{z-index:40}.site-footer{display:flex;justify-content:space-between;gap:1em;margin-top:calc(var(--site-inset)*2);padding-top:1em;color:var(--muted)}.site-footer nav{display:flex;gap:1em;flex-wrap:wrap}.site-footer a{text-decoration:none}.site-footer>span{white-space:nowrap}
.hero{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1em;min-height:calc(80svh - var(--site-inset) - 1lh - var(--section-gap));max-width:60ch}.hero>*{margin:0}.hero h1{color:inherit}.eyebrow{font:inherit;font-style:italic}.hero-actions-stack{display:flex;flex-direction:column;gap:.44rem;max-width:100%;margin-top:.44rem}.actions{display:flex;gap:.44rem;flex-wrap:wrap}.actions a,button,.button{appearance:none;font:inherit;font-family:'Arizona Sans',sans-serif;background:var(--code);border:1px solid var(--line);border-radius:10px;padding:.33em .77em;color:var(--ink);cursor:pointer;text-decoration:none;line-height:1.33}.actions .primary{color:var(--paper);background:var(--ink);border-color:var(--ink)}.copy-prompt{display:flex;justify-content:space-between;gap:2em;background:transparent;text-align:left}.quiet,.small{color:var(--muted);font-size:.85em}.intro{max-width:60ch}.columns{display:grid;grid-template-columns:1fr 1fr;gap:2em}.columns>div{min-width:0}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:2em;margin:2em 0}.flow strong{display:block;font-weight:inherit;margin:.6em 0}.flow span,.number{color:var(--muted)}.step{display:grid;grid-template-columns:1fr 2fr;gap:2em;margin:2em 0}blockquote{margin:1em 0;padding:1em;border-left:1px solid var(--line)}code,pre{font: .8em/1.6 ui-monospace,SFMono-Regular,monospace}pre{background:var(--code);border:1px solid var(--line);border-radius:10px;padding:1em;overflow:auto;max-width:100%;margin:1em 0}pre code{font:inherit}p code{overflow-wrap:anywhere}.code{min-width:0}.code-head{display:flex;justify-content:space-between;align-items:center;font-size:.8em}.code-head button{background:transparent}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.85em}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.8em .8em .8em 0;font-weight:inherit}td{overflow-wrap:anywhere}details{padding:1em 0;border-top:1px solid var(--line)}summary{cursor:pointer}details[open] summary{margin-bottom:1em}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid currentColor;outline-offset:3px}[hidden]{display:none!important}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:8px;left:8px;background:var(--ink);color:var(--paper);padding:.4em .8em;z-index:60}
@keyframes flower-spin{to{transform:rotate(360deg)}}@supports(corner-shape:superellipse(2)){button,.button,.actions a,pre{border-radius:20px;corner-shape:superellipse(2)}}@media(prefers-color-scheme:dark){:root{--paper:lab(10% 0 0);--ink:lab(100% 0 0);color-scheme:dark}.site-mark{filter:invert(1)}}@media(max-width:640px){:root{--site-inset:1.11em}.site-home-link{gap:calc(var(--site-inset)/2)}.site-nav-list{display:none}.site-menu-button{display:inline-flex}.hero{min-height:calc(80svh - var(--site-inset) - 44px - var(--section-gap))}.hero-actions-stack,.actions{width:100%}.actions{flex-direction:column}.actions a{text-align:center}.columns,.step,.flow{grid-template-columns:1fr;gap:1em}.site-footer{flex-direction:column;font-size:.85em}pre{font-size:.72em}.hero h1 br{display:none}}@media(min-width:641px){.mobile-navigation{display:none}}@media(min-width:1600px){:root{--size:1.5em;--site-inset:3.33em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}