:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#18211c;--muted:#5f6d64;--paper:#f4f2e9;--paper-deep:#e7e2d3;--surface:#fffdf6;--line:#d2ccba;--green:#125e45;--green-bright:#1a7958;--orange:#d55d35;--code:#151c19;--code-ink:#edf4ef;--radius:1.25rem;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{background:radial-gradient(circle at 85% 5%, #d55d351c, transparent 28rem), var(--paper);min-width:20rem;color:var(--ink);margin:0;line-height:1.6}a{color:var(--green);text-underline-offset:.18em}a:hover{color:var(--green-bright)}button,input{font:inherit}.skip-link{z-index:2000;background:var(--ink);color:#fff;border-radius:.5rem;padding:.6rem .9rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f2e9e6;border-bottom:1px solid #5f6d6440;grid-template-columns:1fr auto 1fr;align-items:center;min-height:4.5rem;padding:.7rem clamp(1rem,4vw,4rem);display:grid;position:sticky;top:0}.wordmark{color:var(--ink);justify-self:start;align-items:center;gap:.65rem;font-size:1.1rem;font-weight:760;text-decoration:none;display:inline-flex}.wordmark-mark{background:var(--green);color:#fff;border-radius:45% 55% 55% 45%;place-items:center;width:2rem;height:2rem;font-family:ui-monospace,monospace;display:grid}.site-nav{gap:clamp(1rem,3vw,2rem);display:flex}.site-nav a{color:var(--muted);font-size:.9rem;font-weight:650;text-decoration:none}.site-nav a[aria-current=page],.site-nav a:hover{color:var(--ink)}.search-trigger{border:1px solid var(--line);background:var(--surface);min-width:11rem;color:var(--muted);cursor:pointer;border-radius:999px;justify-self:end;align-items:center;gap:.8rem;padding:.55rem .65rem .55rem .85rem;display:inline-flex}.search-trigger kbd{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:.35rem;margin-left:auto;padding:.1rem .4rem;font-family:inherit;font-size:.7rem}.hero{border-bottom:1px solid var(--line);padding:clamp(5rem,11vw,9rem) max(1.25rem,50vw - 38rem);overflow:hidden}.eyebrow{color:var(--orange);letter-spacing:.13em;text-transform:uppercase;margin:0 0 1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:750}.hero h1{letter-spacing:-.065em;max-width:12ch;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.6rem,9vw,8.5rem);font-weight:500;line-height:.86}.hero h1 span{color:var(--green);font-style:italic;display:block}.hero-copy{max-width:43rem;color:var(--muted);margin:2.25rem 0 0;font-size:clamp(1.05rem,2vw,1.35rem)}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.button{border:1px solid var(--green);border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.65rem 1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:var(--green-bright);color:#fff}.button-secondary{color:var(--green)}.live-search{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf6bf;max-width:48rem;margin-top:4rem;padding:1rem;box-shadow:0 1.5rem 5rem #18211c14}.live-search>p{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .55rem;font-size:.78rem;font-weight:700}.measurements,.principles,.reading-list{padding:clamp(4rem,8vw,7rem) max(1.25rem,50vw - 38rem)}.measurements{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(22rem,1.2fr);gap:clamp(2rem,7vw,7rem);display:grid}.measurements h2,.principles>h2,.reading-list h2,.playground-page h1{letter-spacing:-.045em;max-width:14ch;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,5vw,4.75rem);font-weight:500;line-height:.98}.measurements>div>p:last-child{max-width:34rem;color:var(--muted)}.artifact-stats{border-top:1px solid var(--ink);grid-template-columns:repeat(2,1fr);margin:0;display:grid}.artifact-stats div{border-bottom:1px solid var(--line);padding:1.25rem 0}.artifact-stats div:nth-child(odd){border-right:1px solid var(--line);padding-right:1rem}.artifact-stats div:nth-child(2n){padding-left:1rem}.artifact-stats dt{color:var(--muted);text-transform:uppercase;font-size:.78rem}.artifact-stats dd{margin:.35rem 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.15rem,2vw,1.65rem)}.principles{border-bottom:1px solid var(--line);background:var(--green);color:#fff}.principles .eyebrow{color:#ffc1aa}.principle-grid{background:#ffffff4d;border:1px solid #ffffff4d;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;display:grid}.principle-grid article{background:var(--green);min-height:18rem;padding:clamp(1.25rem,3vw,2rem)}.principle-grid article>span{color:#cfe0da;font-family:ui-monospace,monospace}.principle-grid h3{margin-top:4rem;font-family:Georgia,serif;font-size:1.8rem;font-weight:500}.principle-grid p{color:#ffffffb8}.reading-list{grid-template-columns:minmax(15rem,.7fr) minmax(0,1.3fr);gap:clamp(2rem,7vw,7rem);display:grid}.reading-list ol{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.reading-list li a{border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:8rem 1fr;gap:.25rem 1rem;padding:1rem 0;text-decoration:none;display:grid}.reading-list li span,.reading-list li small{color:var(--muted)}.reading-list li small{grid-column:2}.docs-layout{grid-template-columns:15rem minmax(0,48rem) 13rem;justify-content:center;gap:clamp(1.5rem,4vw,4rem);padding:3rem clamp(1rem,3vw,3rem) 7rem;display:grid}.docs-sidebar,.on-this-page{align-self:start;max-height:calc(100vh - 8rem);position:sticky;top:7rem;overflow:auto}.docs-sidebar section+section{margin-top:1.5rem}.docs-sidebar h2,.on-this-page h2{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .4rem;font-size:.72rem}.docs-sidebar ul,.on-this-page ol{margin:0;padding:0;list-style:none}.docs-sidebar a,.on-this-page a{color:var(--muted);padding:.25rem 0;font-size:.85rem;text-decoration:none;display:block}.docs-sidebar a[aria-current=page],.docs-sidebar a:hover,.on-this-page a:hover{color:var(--green)}.on-this-page li[data-level="3"]{padding-left:.8rem}.doc-article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;padding:clamp(1.5rem,4vw,3.5rem);box-shadow:0 1.5rem 5rem #18211c0f}.doc-meta{color:var(--muted);text-transform:uppercase;justify-content:space-between;margin-bottom:2.5rem;font-size:.75rem;display:flex}.doc-article h1,.doc-article h2,.doc-article h3{letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif;font-weight:500;line-height:1.1}.doc-article h1{margin:0 0 2rem;font-size:clamp(2.5rem,6vw,4.5rem)}.doc-article h2{border-top:1px solid var(--line);margin-top:3.5rem;padding-top:.5rem;font-size:2rem}.doc-article h3{margin-top:2.25rem;font-size:1.45rem}.heading-anchor{color:inherit;text-decoration:none}.heading-anchor:hover:after{color:var(--orange);content:"#";margin-left:.4rem}.doc-article p,.doc-article li{color:#354139}.doc-article table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.doc-article th,.doc-article td{border:1px solid var(--line);text-align:left;padding:.65rem .8rem}.doc-article :not(pre)>code{background:var(--paper-deep);border-radius:.3em;padding:.14em .35em;font-size:.88em}.doc-article pre{background:var(--code);max-width:100%;color:var(--code-ink);border-radius:.8rem;padding:1.1rem;font-size:.86rem;line-height:1.7;overflow:auto}.th-token-comment{color:#879990}.th-token-keyword,.th-token-tag{color:#ff9c7a}.th-token-string,.th-token-attr{color:#b9dd9a}.th-token-function,.th-token-property{color:#8bd5ff}.th-token-number,.th-token-literal,.th-token-type{color:#ddb8ff}.playground-page{width:min(100% - 2rem,76rem);min-height:75vh;margin-inline:auto;padding:clamp(4rem,8vw,7rem) 0}.playground-page>header>p:last-child{max-width:45rem;color:var(--muted)}.compare-form{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:3rem;padding:1rem}.compare-form label{color:var(--muted);text-transform:uppercase;margin-bottom:.45rem;font-size:.78rem;font-weight:700;display:block}.compare-form>div{gap:.6rem;display:flex}.compare-form input{border:1px solid var(--line);border-radius:.65rem;flex:1;min-width:0;padding:.75rem .9rem}.compare-form button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:.65rem;padding-inline:1.2rem;font-weight:700}.compare-form button:disabled{cursor:wait;opacity:.55}.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.comparison-grid>section{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;padding:1rem}.comparison-grid section>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;display:flex}.comparison-grid h2{text-transform:capitalize}.comparison-grid header span{color:var(--muted);font-size:.75rem}.comparison-grid ol{margin:0;padding:0;list-style:none}.comparison-grid li a{border-bottom:1px solid var(--line);color:var(--ink);gap:.15rem;padding:.8rem 0;text-decoration:none;display:grid}.comparison-grid li span,.comparison-grid li small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,4vw,4rem);font-size:.8rem;display:flex}.site-footer p{margin:0}.not-found{min-height:70vh;padding:8rem max(1rem,50vw - 35rem)}@media (max-width:68rem){.docs-layout{grid-template-columns:13rem minmax(0,48rem)}.on-this-page{display:none}}@media (max-width:48rem){.site-header{grid-template-columns:1fr auto}.site-nav{display:none}.search-trigger{min-width:auto}.search-trigger>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.measurements,.reading-list,.principle-grid,.comparison-grid{grid-template-columns:1fr}.principle-grid article{min-height:13rem}.docs-layout{padding-inline:.75rem;display:block}.docs-sidebar{gap:1.5rem;margin-bottom:1rem;display:flex;position:static;overflow-x:auto}.docs-sidebar section{min-width:11rem}.doc-article{padding:1.25rem}.compare-form>div{flex-direction:column;align-items:stretch}.compare-form button{min-height:2.8rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}