@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../media/31e5e20239562b7a-s.3_otmf38u2y4x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9a8b04342f903b9d-s.00hyb-x0mjr9g.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c6e2684784a55443-s.p.2p4adm_386h58.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(../media/742f0fcf9aa5cfe6-s.1x39li9dshdhc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b524e3bdcc8dfcd3-s.1qsgyx-tuq4mu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a083361d37caf3d1-s.p.0s4utfvp8prsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b221c6d9681431a7-s.3f7g1nki62hoj.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../media/af7efeee822b8a1b-s.3sup9rdq9grs5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6c98c9fb873995d2-s.p.22ggkaf3lyu8c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(../media/f1c5314e24238cfd-s.22gtx64q2ss2-.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7993b8d2abb72fea-s.3os00td4x4cmq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0595f7052377a1a2-s.p.2lpos000q_nzo.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Fallback;src:local(Arial);ascent-override:103.43%;descent-override:20.69%;line-gap-override:0.0%;size-adjust:96.68%}.barlow_4dfbec4f-module__KEb-pW__className{font-family:Barlow,Barlow Fallback;font-style:normal}.barlow_4dfbec4f-module__KEb-pW__variable{--font-text:"Barlow", "Barlow Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.0rgnxg2b64rzs.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.2vemzm0itqzfy.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.3cb5lpr2l6xud.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1u30mmyq6lnsd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.40sczeszzbjw1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.1yd4_i3e35931.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.1qc6dx89jd2qv.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.29yke99gs9qpn.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.1i-sca43-qwng.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.0oace-s_gkfks.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ff74e33ebd7bca3-s.352ti9pm7m6qh.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a69062cfe6f77f8-s.0o-3_g79811ob.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9a4838fcda0d1bca-s.0ngr-xkgqz1kf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2e95a7d252b9825a-s.15orukf5wyxb5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/23b7a97ae3b5c134-s.p.226pwps5o-gq_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_a32f0e4b-module__VcOhLG__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_a32f0e4b-module__VcOhLG__variable{--font-data:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--paper:#f4f7f8;--paper-raised:#fbfcfc;--ink:#15232d;--ink-muted:#52636e;--coordinate:#2257d6;--coordinate-deep:#173e9c;--safe:#18a6b7;--safe-soft:#c8f1f3;--keyboard:#e2634d;--keyboard-soft:#f8d3cc;--grid:#cad6dc;--rule:#aebfc7;--font-body:var(--font-text), sans-serif;--font-code:var(--font-data), monospace;--site-width:82rem;--reading-width:46rem;--gutter:clamp(1rem, 4vw, 3.5rem);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.62}a{color:var(--coordinate-deep);text-underline-offset:.2em;text-decoration-thickness:.09em}a:hover{color:var(--coordinate)}:focus-visible{outline:3px solid var(--keyboard);outline-offset:4px}button,input{font:inherit}button{cursor:pointer}code,pre,output{font-family:var(--font-code)}code{font-size:.88em}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance;line-height:1.03}h1{letter-spacing:-.055em;max-width:13ch;margin-bottom:1.5rem;font-size:clamp(3.25rem,8vw,7.75rem);font-weight:600}h2{letter-spacing:-.04em;font-size:clamp(2.1rem,4.2vw,4.4rem);font-weight:600}h3{letter-spacing:-.025em;font-size:clamp(1.3rem,2vw,1.75rem);font-weight:600}.site-frame{width:min(100%, var(--site-width));padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:100;border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);padding:.65rem .9rem;font-weight:600;position:fixed;top:.75rem;left:.75rem;translate:0 -180%}.skip-link:focus{translate:0}.site-header{border-bottom:1px solid var(--rule);background:color-mix(in srgb, var(--paper) 94%, transparent)}.site-header__inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:5rem;display:flex}.site-identity{color:var(--ink);flex:none;align-items:center;gap:.85rem;text-decoration:none;display:inline-flex}.site-identity>span:last-child{line-height:1.15;display:grid}.site-identity strong{font-size:1.05rem;font-weight:600}.site-identity small{color:var(--ink-muted);font-size:.72rem}.site-identity__mark{border:2px solid var(--coordinate);width:2rem;height:2rem;display:inline-block;position:relative}.site-identity__mark:before,.site-identity__mark i{content:"";position:absolute}.site-identity__mark:before{border:2px solid var(--safe);inset:.33rem .22rem .22rem .42rem}.site-identity__mark i{background:var(--keyboard);height:.42rem;bottom:-2px;left:-2px;right:-2px}.primary-nav{justify-content:flex-end;align-items:center;gap:clamp(.8rem,2.4vw,2rem);font-size:.94rem;font-weight:500;display:flex}.primary-nav a{color:var(--ink);text-decoration:none}.primary-nav a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--coordinate);text-decoration-color:var(--coordinate);text-underline-offset:.35rem;text-decoration-thickness:2px}.hero{grid-template-columns:minmax(18rem,.72fr) minmax(34rem,1.28fr);align-items:start;gap:clamp(3rem,7vw,7rem);padding-block:clamp(4rem,8vw,8rem) clamp(5rem,10vw,10rem);display:grid}.hero__copy{position:sticky;top:2rem}.hero__introduction{max-width:38rem;color:var(--ink-muted);margin-bottom:2rem;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.46}.hero__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-bottom:3rem;font-weight:600;display:flex}.primary-action{border:2px solid var(--coordinate-deep);background:var(--coordinate-deep);color:#fff;align-items:center;min-height:2.9rem;padding:.65rem 1rem;text-decoration:none;display:inline-flex}.primary-action:hover{color:var(--coordinate-deep);background:0 0}.hero__facts{border-top:1px solid var(--rule);margin:0;display:grid}.hero__facts div{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:1rem;padding-block:.65rem;display:flex}.hero__facts dt{color:var(--ink-muted);font-size:.86rem}.hero__facts dd{font-family:var(--font-code);margin:0;font-size:.82rem}.hero__demo{min-width:0}.geometry-demo{border-top:4px solid var(--ink);border-bottom:1px solid var(--rule)}.geometry-demo__header{grid-template-columns:1fr auto;align-items:start;gap:1.5rem;padding-block:1.3rem;display:grid}.geometry-demo__header h2{max-width:15ch;margin-bottom:.75rem;font-size:clamp(1.9rem,4vw,3.75rem)}.geometry-demo__header p{max-width:38rem;color:var(--ink-muted);margin-bottom:0}.mode-indicator{color:var(--ink-muted);white-space:nowrap;align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.mode-indicator:before{background:var(--safe);content:"";border-radius:50%;width:.55rem;height:.55rem}.mode-indicator[data-state=pending]:before{background:var(--ink-muted)}.geometry-demo__body{grid-template-columns:minmax(18rem,1fr) minmax(13rem,.68fr);align-items:start;gap:clamp(1rem,3vw,2.5rem);display:grid}.coordinate-plane{border:1px solid var(--rule);background-color:var(--paper-raised);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:2rem 2rem;min-width:0;margin:0;position:relative;overflow:hidden}.coordinate-plane__sizer{visibility:hidden;width:100%;height:auto;display:block}.coordinate-drawing{z-index:2;width:100%;height:100%;position:absolute;inset:0}.layout-plane{fill:#0000;stroke:var(--coordinate);stroke-width:3px;vector-effect:non-scaling-stroke}.coordinate-plane__pending{z-index:2;color:var(--ink-muted);font-family:var(--font-code);place-items:center;font-size:.8125rem;display:grid;position:absolute;inset:0}.coordinate-plane__pending:before{aspect-ratio:1;border:1px dashed var(--coordinate);content:"";width:42%;position:absolute}.plane-label{z-index:5;font-family:var(--font-code);padding:.2rem .35rem;font-size:.8125rem;font-style:normal;line-height:1;position:absolute}.plane-label--layout{background:var(--coordinate);color:#fff;top:.65rem;right:.65rem}.visual-plane{fill:color-mix(in srgb, var(--coordinate) 8%, transparent);stroke:var(--coordinate-deep);stroke-width:2px;vector-effect:non-scaling-stroke}.plane-label--visual{background:var(--coordinate-deep);color:#fff;top:.65rem;left:.65rem}.safe-band{fill:color-mix(in srgb, var(--safe) 56%, transparent)}.keyboard-plane{fill:color-mix(in srgb, var(--keyboard) 58%, var(--keyboard-soft))}.plane-label--keyboard{background:var(--keyboard);color:var(--ink);white-space:nowrap;bottom:2rem;left:.5rem;right:auto}.coordinate-plane figcaption{z-index:6;color:var(--ink-muted);font-family:var(--font-code);font-size:.6875rem;line-height:1.35;position:absolute;bottom:.5rem;left:.6rem;right:.6rem}.geometry-readout{border-top:1px solid var(--rule);margin:0}.geometry-readout>div{border-bottom:1px solid var(--rule);padding-block:.85rem}.geometry-readout dt{color:var(--ink-muted);align-items:center;gap:.55rem;margin-bottom:.35rem;font-size:.78rem;font-weight:500;display:flex}.geometry-readout dd{font-family:var(--font-code);margin:0;font-size:.82rem}.geometry-readout small{color:var(--ink-muted);margin-top:.3rem;font-size:.62rem;line-height:1.5;display:block}.legend-swatch{border:2px solid;width:.75rem;height:.75rem;display:inline-block}.legend-swatch--layout,.legend-swatch--visual{border-color:var(--coordinate)}.legend-swatch--visual{background:color-mix(in srgb, var(--coordinate) 18%, transparent)}.legend-swatch--safe{border-color:var(--safe);background:var(--safe-soft)}.legend-swatch--keyboard{border-color:var(--keyboard);background:var(--keyboard-soft)}.scenario-controls{border:0;border-top:1px solid var(--rule);gap:1rem;margin:1.5rem 0 0;padding:1rem 0 1.5rem;display:grid}.scenario-controls legend{padding:0 .6rem 0 0;font-size:.88rem;font-weight:600}.scenario-selector{flex-wrap:wrap;gap:.5rem;display:flex}.scenario-selector button{border:1px solid var(--rule-strong);min-height:2.5rem;color:var(--ink);font:inherit;cursor:pointer;background:0 0;padding:.55rem .8rem;font-size:.78rem}.scenario-selector button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.scenario-selector button:focus-visible{outline:3px solid var(--coordinate);outline-offset:2px}.scenario-description{max-width:58rem;color:var(--ink-muted);margin:0;font-size:.82rem}.custom-geometry-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1rem;display:grid}.custom-geometry-controls label{color:var(--ink-muted);grid-template-columns:minmax(0,1fr) 5.25rem auto;align-items:center;gap:.5rem;font-size:.72rem;display:grid}.custom-geometry-controls input{border:1px solid var(--rule-strong);background:var(--paper);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:0;padding:.45rem}.custom-geometry-controls input:focus-visible{outline:3px solid var(--coordinate);outline-offset:1px}.geometry-formula{border-block:1px solid var(--rule);color:var(--ink-muted);flex-wrap:wrap;gap:.4rem 1rem;margin-top:1.5rem;padding-block:.8rem;font-size:.78rem;display:flex}.geometry-formula code{color:var(--ink)}.geometry-warning{border-left:3px solid var(--keyboard);background:var(--keyboard-soft);color:var(--ink);margin:0;padding:.75rem;font-size:.78rem}.install-section{border-block:1px solid var(--rule);background:var(--ink);color:var(--paper);padding-block:clamp(5rem,10vw,10rem)}.split-section{grid-template-columns:.82fr 1.18fr;align-items:start;gap:clamp(3rem,8vw,8rem);display:grid}.section-heading{max-width:38rem}.section-heading h2{max-width:13ch}.section-heading p{max-width:42rem;color:var(--ink-muted)}.install-section .section-heading p{color:#cdd8dd}.install-command{overflow-wrap:anywhere;border-block:1px solid #62727b;margin-top:2rem;padding-block:.8rem}.code-block{border:1px solid var(--rule);color:#eaf1f3;background:#0d1820;min-width:0;margin:0}.code-block figcaption{color:#becbd0;border-bottom:1px solid #52636e;padding:.65rem 1rem;font-size:.78rem}.code-block pre{margin:0;padding:1.2rem;font-size:.76rem;line-height:1.65;overflow:auto}.mental-model{padding-block:clamp(6rem,12vw,12rem)}.concept-list{border-top:1px solid var(--rule);grid-template-columns:repeat(3,1fr);margin-top:4rem;display:grid}.concept-list article{border-bottom:1px solid var(--rule);padding:1.5rem clamp(1rem,3vw,2.5rem) 1rem 0}.concept-list article+article{border-left:1px solid var(--rule);padding-left:clamp(1rem,3vw,2.5rem)}.concept-list p{max-width:31ch;color:var(--ink-muted);margin-bottom:0}.section-link{margin-top:2rem;font-weight:600}.docs-main{min-height:70vh}.docs-hero{border-bottom:1px solid var(--rule);padding-block:clamp(4rem,9vw,8rem)}.docs-hero h1{max-width:11ch;margin-bottom:1.5rem}.docs-hero p{max-width:42rem;color:var(--ink-muted);margin-bottom:0;font-size:clamp(1.2rem,2vw,1.55rem)}.docs-layout{grid-template-columns:12rem minmax(0, var(--reading-width));justify-content:start;gap:clamp(3rem,8vw,8rem);padding-block:clamp(4rem,8vw,8rem);display:grid}.page-index{border-top:3px solid var(--ink);align-content:start;gap:.5rem;height:max-content;padding-top:.75rem;font-size:.85rem;display:grid;position:sticky;top:2rem}.page-index a{color:var(--ink-muted)}.prose{min-width:0;max-width:var(--reading-width)}.prose>section{padding-bottom:clamp(4rem,8vw,7rem)}.prose h2{margin-bottom:2rem}.prose p,.legal-document p,.composer-demo__copy p,.recipe p{max-width:68ch}.reference-entry{border-top:1px solid var(--rule);padding-block:1.8rem 2.3rem}.reference-entry h3{font-family:var(--font-code);overflow-wrap:anywhere;font-size:1.1rem}.reference-entry p{color:var(--ink-muted)}.comparison-table-wrapper{max-width:100%;overflow-x:auto}.comparison-table-wrapper table{border-collapse:collapse;text-align:left;width:100%;min-width:44rem}.comparison-table-wrapper th,.comparison-table-wrapper td{border:1px solid var(--rule);vertical-align:top;padding:1rem}.comparison-table-wrapper thead th{background:var(--paper-raised)}.variable-list{border-top:1px solid var(--rule);margin:2rem 0 0;padding:0;list-style:none;display:grid}.variable-list li{border-bottom:1px solid var(--rule);overflow-wrap:anywhere;padding:.65rem 0}.browser-prose{padding-block:clamp(4rem,8vw,8rem)}.definition-list{border-top:1px solid var(--rule);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.definition-list>div{border-bottom:1px solid var(--rule);padding:1.25rem 1.25rem 1.25rem 0}.definition-list>div+div{border-left:1px solid var(--rule);padding-left:1.25rem}.definition-list dt{font-weight:600}.definition-list dd{color:var(--ink-muted);margin:.3rem 0 0}.browser-list{border-top:1px solid var(--rule)}.browser-list article{border-bottom:1px solid var(--rule);grid-template-columns:minmax(8rem,.35fr) 1fr;gap:2rem;padding-block:1.4rem;display:grid}.browser-list h3,.browser-list p{margin-bottom:0}.browser-list p{color:var(--ink-muted)}.evidence-note,.source-annotation{border-left:4px solid var(--keyboard);background:var(--keyboard-soft);padding:1.25rem}.evidence-note p,.source-annotation p{margin:.35rem 0 0}.examples-stack{gap:clamp(5rem,10vw,10rem);padding-block:clamp(4rem,8vw,8rem);display:grid}.composer-demo{grid-template-columns:minmax(15rem,.65fr) minmax(22rem,1.35fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.composer-demo__copy{border-top:4px solid var(--ink);padding-top:1rem}.composer-demo__copy h2{font-size:clamp(2rem,4vw,3.5rem)}.composer-demo__copy p{color:var(--ink-muted)}.composer-stage{border:1px solid var(--rule);background-color:var(--paper-raised);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:2rem 2rem;min-height:35rem;position:relative;overflow:hidden}.composer-stage__content{gap:.9rem;padding:2rem;display:grid}.composer-stage__content span{background:var(--grid);width:72%;height:.65rem;display:block}.composer-stage__content span:nth-child(2){width:52%}.composer-stage__content span:nth-child(3){width:63%}.composer-shell{z-index:2;right:max(1rem, var(--react-viewport-safe-area-right,0px));bottom:calc(var(--react-viewport-keyboard-height,0px) + max(1rem, var(--react-viewport-safe-area-bottom,0px)));left:max(1rem, var(--react-viewport-safe-area-left,0px));border:2px solid var(--ink);background:var(--paper-raised);padding:1rem;position:absolute}.composer-shell label{margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:block}.composer-shell>div{grid-template-columns:1fr auto;display:grid}.composer-shell input,.composer-shell button{border:1px solid var(--ink);min-width:0;min-height:3rem}.composer-shell input{background:#fff;padding-inline:.8rem}.composer-shell button{background:var(--coordinate-deep);color:#fff;border-left:0;padding-inline:1rem;font-weight:600}.recipe{grid-template-columns:.75fr 1.25fr;align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.recipe>div{border-top:4px solid var(--coordinate);padding-top:1rem}.recipe h2,.css-first h2{font-size:clamp(2rem,4vw,3.5rem)}.recipe p{color:var(--ink-muted)}.css-first{border-block:1px solid var(--rule);padding-block:clamp(4rem,8vw,7rem)}.css-first>div{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem;display:grid}.css-first p{margin-bottom:0}.legal-main{min-height:70vh}.legal-document{padding-block:clamp(5rem,11vw,10rem)}.legal-document h1{font-size:clamp(3.5rem,9vw,7rem)}.legal-introduction{color:var(--ink-muted);font-size:clamp(1.2rem,2vw,1.55rem)}.source-annotation{max-width:var(--reading-width);overflow-wrap:anywhere;margin-top:4rem}.site-footer{border-top:1px solid var(--rule);background:var(--paper-raised);padding-block:3.5rem}.site-footer__inner{grid-template-columns:1fr 1.2fr auto;align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.site-footer p{max-width:32rem;color:var(--ink-muted);margin:.35rem 0 0;font-size:.9rem}.site-footer nav{flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.88rem;display:flex}@media (max-width:70rem){.hero{grid-template-columns:1fr}.hero__copy{position:static}.hero__copy h1{max-width:10ch}.hero__demo{max-width:54rem}}@media (max-width:52rem){.site-header__inner{flex-direction:column;align-items:flex-start;padding-block:1rem}.primary-nav{justify-content:flex-start;width:100%}.geometry-demo__header,.geometry-demo__body,.split-section,.composer-demo,.recipe{grid-template-columns:1fr}.mode-indicator{justify-self:start}.coordinate-plane{max-width:34rem}.custom-geometry-controls{grid-template-columns:1fr 1fr}.concept-list,.definition-list,.css-first>div{grid-template-columns:1fr}.concept-list article+article,.definition-list>div+div{border-left:0;padding-left:0}.docs-layout{grid-template-columns:1fr}.page-index{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex;position:static}.page-index strong{flex-basis:100%}.site-footer__inner{grid-template-columns:1fr 1fr}}@media (max-width:34rem){:root{--gutter:1rem}body{font-size:1rem}h1{font-size:clamp(3rem,17vw,4.25rem)}.site-header__inner{gap:1rem}.primary-nav{grid-template-columns:1fr 1fr;gap:.45rem 1rem;display:grid}.hero{padding-top:3.5rem}.hero__actions{flex-direction:column;align-items:flex-start}.geometry-demo__header h2{font-size:2rem}.geometry-demo__body{gap:1.5rem}.coordinate-plane{width:100%}.custom-geometry-controls{grid-template-columns:1fr}.browser-list article{grid-template-columns:1fr;gap:.5rem}.composer-stage{min-height:30rem}.composer-shell{right:max(.65rem, var(--react-viewport-safe-area-right,0px));left:max(.65rem, var(--react-viewport-safe-area-left,0px))}.composer-shell>div{grid-template-columns:1fr}.composer-shell button{border-top:0;border-left:1px solid var(--ink)}.site-footer__inner{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}