:root{color:#211f29;font-synthesis:none;background:#f4f1ea;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit}.site-header{border-bottom:1px solid #d8d2c7;justify-content:space-between;align-items:center;padding:1.25rem clamp(1.25rem,4vw,4rem);display:flex}.brand{font-family:Georgia,serif;font-size:1.4rem;font-weight:700;text-decoration:none}nav{gap:1.25rem;display:flex}.hero,.example,.content,.docs-layout{width:min(1120px,100% - 2.5rem);margin-inline:auto}.hero{padding:clamp(5rem,12vw,9rem) 0}.hero h1{letter-spacing:-.06em;max-width:900px;margin:0;font-family:Georgia,serif;font-size:clamp(3rem,8vw,7.5rem);font-weight:500;line-height:.92}.eyebrow{color:#6d28d9;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:800}.lede{color:#5e5868;max-width:660px;margin:2rem 0;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.55}.actions{flex-wrap:wrap;gap:.8rem;display:flex}.button{border:1px solid #211f29;padding:.8rem 1.1rem;text-decoration:none}.primary{color:#fff;background:#211f29}.example{color:#f7f3eb;background:#211f29;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem);padding:clamp(2rem,6vw,5rem);display:grid}.example pre,article pre{color:#dfd6ff;background:#121019;padding:1.5rem;line-height:1.6;overflow-x:auto}.live-example{grid-column:1/-1}.trait-violet{color:#c4a7ff;font-weight:800}.trait-blue{color:#7dd3fc;font-weight:800}.content{min-height:70vh;padding-block:clamp(3rem,8vw,7rem)}.docs-index h1,article h1{font-family:Georgia,serif;font-size:clamp(2.5rem,6vw,5rem)}.doc-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.doc-grid a{border:1px solid #d8d2c7;gap:.5rem;padding:1.5rem;text-decoration:none;display:grid}.doc-grid span{color:#5e5868}.docs-layout{grid-template-columns:220px minmax(0,760px);gap:clamp(2rem,6vw,6rem);min-height:70vh;padding-block:4rem;display:grid}.docs-layout aside{flex-direction:column;gap:.75rem;display:flex}article{line-height:1.7}article code{font-size:.9em}.edit-link{margin-top:3rem;display:inline-block}footer{color:#5e5868;border-top:1px solid #d8d2c7;padding:2rem clamp(1.25rem,4vw,4rem)}@media (width<=720px){.site-header{align-items:flex-start}nav{gap:.75rem;font-size:.9rem}.example,.docs-layout{grid-template-columns:1fr}.docs-layout aside{border-bottom:1px solid #d8d2c7;padding-bottom:1.5rem}}