:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{background:#fff;color:#000}a{color:inherit}.site-shell{width:min(1120px,100% - 3rem);margin:0 auto;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.site-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #000000;display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.brand{text-decoration:none;color:#000;font-size:1.2rem;font-weight:700;letter-spacing:.04em}.site-nav{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.site-nav a{text-decoration:none;color:#000;border:1px solid transparent;padding:.35rem .7rem;border-radius:999px;transition:border-color .2s ease}.site-nav a:hover,.site-nav a.active{border-color:#000}.site-main{padding:3rem 0}.site-footer{border-top:1px solid #000000;padding:1rem 0;color:#000000c7;font-size:.92rem}.page{display:grid;gap:1.5rem}.eyebrow{margin:0;text-transform:uppercase;font-size:.85rem;letter-spacing:.12em;color:#000000bf}h1,h2,p{margin:0}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}h2{font-size:1.2rem;margin-bottom:.55rem}.lead{font-size:1.08rem;max-width:72ch;color:#000000d6}.button-row{display:flex;flex-wrap:wrap;gap:.7rem}.btn{text-decoration:none;border:1px solid #000000;padding:.62rem 1rem;border-radius:999px;font-weight:600}.btn.solid{background:#fff;color:#000}.btn.ghost{background:transparent;color:#000}.grid{display:grid;gap:1rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid rgba(0,0,0,.85);border-radius:14px;padding:1.1rem;background:#fff}pre{margin:0;border:1px solid rgba(255,255,255,.6);border-radius:10px;padding:.9rem;overflow-x:auto;font-size:.92rem;line-height:1.45}ul{margin:0;padding-left:1.2rem}.playground-shell{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.pane-title{margin-bottom:.55rem;font-weight:600}.not-found{min-height:44vh;align-content:center}@media(max-width:900px){.grid.two,.grid.three,.playground-shell{grid-template-columns:1fr}}@media(max-width:640px){.site-shell{width:min(1120px,100% - 1.5rem)}.site-header{align-items:flex-start;flex-direction:column;gap:.65rem}}