@font-face{font-family:Outfit;src:url(/fonts/Outfit.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html.dark{color-scheme:dark}.page{max-inline-size:52rem}.page h1{margin:0 0 .5rem;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}.page .lead{margin:0 0 1.5rem;color:var(--site-ink-soft, #5b606b);font-size:1.05rem;line-height:1.6}.page h2{scroll-margin-top:4.5rem}.page p{line-height:1.65}.page a{color:var(--site-accent, #ff4806)}.page code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:color-mix(in srgb,var(--site-accent, #ff4806) 10%,transparent);padding:.1em .35em;border-radius:.3rem}.page .ex code{background:none;padding:0}.demo-skeleton{display:grid;place-items:center;min-block-size:16rem;border-radius:.5rem;background:var(--site-accent-soft, rgba(255,76,5,.07));color:var(--site-ink-soft, #5b606b);font-size:.9rem}.demo-frame{display:flex;flex-direction:column;block-size:26rem;border:1px solid var(--site-line, #e4e6eb);border-radius:.5rem;overflow:hidden}.demo-frame--tall{block-size:34rem}.demo-frame>*{flex:1 1 auto;min-block-size:0}