@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(./bricolage-grotesque-latin-600-normal-nxTgbNFE.woff2)format("woff2"),url(./bricolage-grotesque-latin-600-normal-Bw0J83-2.woff)format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(./bricolage-grotesque-latin-700-normal-gtcctNPv.woff2)format("woff2"),url(./bricolage-grotesque-latin-700-normal-DvJDmrLu.woff)format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./geist-sans-latin-400-normal-gapTbOY8.woff2)format("woff2"),url(./geist-sans-latin-400-normal-BOaIZNA2.woff)format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./geist-sans-latin-500-normal-uokXdC-Q.woff2)format("woff2"),url(./geist-sans-latin-500-normal-CN2lyvyL.woff)format("woff")}:root{--color-paper:#f7f5ec;--color-paper-2:#eeebdf;--color-paper-3:#e5e1d3;--color-paper-sunk:#dcd8c8;--color-ink:#1a2026;--color-ink-2:#454b52;--color-ink-3:#676c73;--color-accent:#f6ce00;--color-accent-deep:#c49800;--color-accent-2:#009fe4;--color-accent-2-deep:#006aa5;--color-accent-3:#ff5065;--color-accent-3-deep:#c51a38;--color-mint:#66da85;--color-mint-deep:#2e9052;--color-accent-ink:#1e1b0d;--color-tint-pear:#f6ce0029;--color-tint-pear-strong:#f6ce004d;--color-tint-sky:#009fe41f;--color-tint-sky-strong:#009fe438;--color-tint-coral:#ff50651f;--color-tint-mint:#66da852e;--color-rule:#d1cec2;--color-rule-strong:#a8a597;--color-focus:var(--color-ink);--color-error:#b71824;--color-error-tint:#b718241a;--color-success:#007137;--color-chart-rule:#2a2e332e;--color-chart-rule-strong:#25292f8c;--color-chart-cursor:#25292ff2;--color-chart-symbol:#25292f80;--color-canvas-well:#ebe8de;--print-paper:#f7f2e4;--print-ink:#22242c;--print-ink-soft:#5c5f6b;--print-rule:#c9c3b1;--print-rule-strong:#6f6a5c;--print-symbol-on-dark:#fdfaf1;--print-symbol-on-light:#1d1f26;--print-font-title:"Bricolage Grotesque", "Geist Sans", sans-serif;--print-font-body:"Geist Sans", sans-serif;--print-weight-title:600;--print-weight-body:400;--print-weight-mark:500;--font-display:"Bricolage Grotesque", "Geist Sans", sans-serif;--font-body:"Geist Sans", "Bricolage Grotesque", sans-serif;--weight-body:400;--weight-medium:500;--weight-display:600;--weight-display-strong:700;--tracking-display:-.025em;--tracking-label:.08em;--text-2xs:.75rem;--text-xs:.8125rem;--text-sm:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:clamp(1.5rem, 1.1rem + 1.6vw, 2rem);--text-3xl:clamp(1.75rem, 1.2rem + 2.4vw, 2.5rem);--text-display:clamp(2.25rem, 1.3rem + 5.2vw, 4rem);--leading-tight:1.05;--leading-snug:1.25;--leading-body:1.55;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:5.5rem;--section-gap:clamp(3rem, 2rem + 5vw, 5.5rem);--page-max:76rem;--page-gutter:clamp(1rem, .5rem + 2.4vw, 2rem);--rail-width:21rem;--hit-min:2.75rem;--radius-card:20px;--radius-panel:26px;--radius-input:12px;--radius-sm:8px;--radius-pill:999px;--rule-hair:1px;--shadow-contact:0 1px 2px #1a20261a;--shadow-ambient:0 14px 34px -18px #1a202647;--shadow-panel:0 1px 2px #1a202614, 0 18px 40px -24px #1a20264d;--shadow-lift:0 2px 3px #1a20261f, 0 22px 44px -22px #1a202657;--shadow-inset-well:inset 0 2px 6px #1a20261f;--shadow-bar:0 -12px 28px -22px #1a202680;--z-base:0;--z-raised:2;--z-chart-ui:10;--z-nav:30;--z-actionbar:40;--dur-press:70ms;--dur-fast:.14s;--dur-mid:.22s;--dur-burst:.42s;--dur-pulse:4.2s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-press:cubic-bezier(.2, .7, .3, 1)}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(96.5939% -.359416 4.5732);--color-paper-2:lab(93.1374% -.459105 6.11204);--color-paper-3:lab(89.68% -.546932 7.65988);--color-paper-sunk:lab(86.2109% -.583649 8.43952);--color-ink:lab(11.8179% -1.32934 -4.90493);--color-ink-2:lab(31.5432% -1.43133 -4.94879);--color-ink-3:lab(45.4677% -1.26752 -4.26161);--color-accent:lab(84.3328% 3.40465 86.5733);--color-accent-deep:lab(65.4369% 9.50876 74.3768);--color-accent-2:lab(60.4609% -20.7041 -52.7663);--color-accent-2-deep:lab(41.6089% -11.08 -46.2817);--color-accent-3:lab(60.2732% 77.3247 33.2065);--color-accent-3-deep:lab(43.3384% 64.2253 31.5341);--color-mint:lab(78.8297% -48.1495 31.5686);--color-mint-deep:lab(52.937% -40.2472 24.119);--color-accent-ink:lab(9.63085% -.112936 8.67498);--color-tint-pear:lab(84.3328% 3.40465 86.5733/.16);--color-tint-pear-strong:lab(84.3328% 3.40465 86.5733/.3);--color-tint-sky:lab(60.4609% -20.7041 -52.7663/.12);--color-tint-sky-strong:lab(60.4609% -20.7041 -52.7663/.22);--color-tint-coral:lab(60.2732% 77.3247 33.2065/.12);--color-tint-mint:lab(78.8297% -48.1495 31.5686/.18);--color-rule:lab(82.6969% -.451237 6.11774);--color-rule-strong:lab(67.6381% -.51567 7.68394);--color-error:lab(40.057% 60.2793 38.9217);--color-error-tint:lab(40.057% 60.2793 38.9217/.1);--color-success:lab(41.3166% -40.5862 24.5249);--color-chart-rule:lab(18.7881% -1.02484 -3.53596/.18);--color-chart-rule-strong:lab(16.464% -1.19568 -4.22768/.55);--color-chart-cursor:lab(16.464% -1.19568 -4.22768/.95);--color-chart-symbol:lab(16.464% -1.19568 -4.22768/.5);--color-canvas-well:lab(91.9656% -.409156 5.34263);--shadow-contact:0 1px 2px lab(11.8179% -1.32934 -4.90493/.1);--shadow-ambient:0 14px 34px -18px lab(11.8179% -1.32934 -4.90493/.28);--shadow-panel:0 1px 2px lab(11.8179% -1.32934 -4.90493/.08), 0 18px 40px -24px lab(11.8179% -1.32934 -4.90493/.3);--shadow-lift:0 2px 3px lab(11.8179% -1.32934 -4.90493/.12), 0 22px 44px -22px lab(11.8179% -1.32934 -4.90493/.34);--shadow-inset-well:inset 0 2px 6px lab(11.8179% -1.32934 -4.90493/.12);--shadow-bar:0 -12px 28px -22px lab(11.8179% -1.32934 -4.90493/.5)}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-body);line-height:var(--leading-body);font-variant-numeric:tabular-nums}h1,h2,h3,h4{font-family:var(--font-display);font-style:normal;font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);overflow-wrap:anywhere;min-width:0;margin:0}p{margin:0}ul,ol,dl,dd,dt{margin:0;padding:0}ul,ol{list-style:none}a{color:var(--color-accent-2-deep);text-underline-offset:.2em;text-decoration-thickness:from-font}@media (hover:hover){a:hover{color:var(--color-ink)}}a:focus-visible,button:focus-visible,canvas:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}input{outline-offset:1px;outline:2px solid #0000}input:focus-visible{outline-color:var(--color-focus)}canvas{max-width:100%;display:block}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hl{color:inherit;background-image:linear-gradient(var(--color-tint-pear-strong) 0 0);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 84%;background-repeat:no-repeat;background-size:100% .3em;padding-bottom:.02em}.page{min-height:100%}.page--bar{padding-bottom:9rem}.skip{left:var(--space-sm);z-index:var(--z-nav);padding:var(--space-2xs) var(--space-sm);min-height:var(--hit-min);white-space:nowrap;background:var(--color-accent);color:var(--color-accent-ink);border-radius:var(--radius-pill);font-weight:var(--weight-medium);align-items:center;text-decoration:none;display:inline-flex;position:absolute;top:-4rem}.skip:focus-visible{top:var(--space-sm)}.nav{justify-content:space-between;align-items:center;gap:var(--space-2xs) var(--space-sm);max-width:var(--page-max);padding:var(--space-sm) var(--page-gutter);flex-wrap:wrap;margin-inline:auto;display:flex}.nav__wordmark{font-family:var(--font-display);font-weight:var(--weight-display-strong);font-size:var(--text-lg);letter-spacing:var(--tracking-display);color:var(--color-ink);white-space:nowrap;min-height:var(--hit-min);align-items:center;text-decoration:none;display:inline-flex}.nav__links{gap:var(--space-xs);display:flex}.nav__links a{min-height:var(--hit-min);padding-inline:var(--space-2xs);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;color:var(--color-ink-2);border-bottom:var(--rule-hair) solid transparent;align-items:center;text-decoration:none;display:inline-flex}@media (hover:hover){.nav__links a:hover{border-bottom-color:var(--color-accent-deep)}}.nav__links a:active{color:var(--color-accent-2-deep)}.btn{--btn-face:var(--color-accent);--btn-ink:var(--color-accent-ink);--btn-edge:var(--color-accent-deep);justify-content:center;align-items:center;gap:var(--space-3xs);min-height:var(--hit-min);min-width:var(--hit-min);padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-pill);background:var(--btn-face);color:var(--btn-ink);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-display);white-space:nowrap;cursor:pointer;box-shadow:0 4px 0 0 var(--btn-edge), var(--shadow-ambient);transition:transform var(--dur-fast) var(--ease-press), box-shadow var(--dur-fast) var(--ease-press), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border:0;line-height:1.1;text-decoration:none;display:inline-flex;transform:translateY(0)}.btn--lg{font-size:var(--text-md);padding:var(--space-xs) var(--space-lg)}.btn--sm{font-size:var(--text-xs);padding:var(--space-3xs) var(--space-sm)}.btn--coral{--btn-face:var(--color-accent-3);--btn-edge:var(--color-accent-3-deep)}.btn--soft{--btn-face:var(--color-paper);--btn-ink:var(--color-ink);--btn-edge:transparent;box-shadow:var(--shadow-contact), var(--shadow-ambient);border:var(--rule-hair) solid var(--color-rule-strong)}.btn--outline{--btn-face:transparent;--btn-edge:transparent;border:var(--rule-hair) solid var(--color-rule-strong);box-shadow:none;color:var(--color-ink-2)}@media (hover:hover){.btn:hover{transform:translateY(-2px)}}.btn:active{box-shadow:0 1px 0 0 var(--btn-edge), var(--shadow-contact);transition-duration:var(--dur-press);transform:translateY(3px)}.btn--outline:active{background:var(--color-tint-sky-strong);box-shadow:none;transform:translateY(1px)}.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:0 4px 0 0 var(--btn-edge);transform:none}.btn--outline[disabled],.btn--soft[disabled]{box-shadow:none}.btn.is-loading{cursor:progress;background:var(--color-paper-3);color:var(--color-ink-2)}.hero{gap:var(--space-lg);max-width:var(--page-max);padding:var(--space-md) var(--page-gutter) var(--space-xl);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.hero__headline{font-size:var(--text-display);max-width:18ch}.hero__lede{margin-top:var(--space-sm);font-size:var(--text-lg);color:var(--color-ink-2);max-width:46ch}.hero__privacy{margin-top:var(--space-sm);padding:var(--space-2xs) var(--space-sm);border:var(--rule-hair) solid var(--color-accent-2);background:var(--color-tint-sky);border-radius:var(--radius-input);font-size:var(--text-sm);color:var(--color-ink-2);max-width:52ch}.hero .btn--lg{margin-top:var(--space-md)}.hero__facts{gap:var(--space-sm) var(--space-lg);margin-top:var(--space-lg);padding-top:var(--space-sm);border-top:var(--rule-hair) dashed var(--color-rule-strong);flex-wrap:wrap;display:flex}.hero__facts dt{font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-3)}.hero__facts dd{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-display)}.hero__proof{margin:0}.hero__proof-frame{padding:var(--space-2xs);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-panel);overflow:auto}.hero__proof .preview{border-radius:var(--radius-sm)}.hero__proof figcaption{margin-top:var(--space-2xs);font-size:var(--text-xs);color:var(--color-ink-3);max-width:42ch}.section{max-width:var(--page-max);padding:var(--section-gap) var(--page-gutter);margin-inline:auto}.head-hang{padding-block-end:var(--space-md)}.head-hang h2{font-size:var(--text-3xl)}.head-hang p{margin-top:var(--space-2xs);color:var(--color-ink-2);max-width:52ch}.workbench{background:var(--color-paper)}.workbench__layout{gap:var(--space-md);grid-template-columns:minmax(0,1fr);display:grid}.rail{gap:var(--space-md);min-width:0;display:grid}.panel{min-width:0;padding:var(--space-sm);background:var(--color-paper);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.panel--pear{background:var(--color-tint-pear);border-color:var(--color-accent-deep)}.panel--sky{background:var(--color-tint-sky);border-color:var(--color-accent-2)}.panel--palette{background:var(--color-paper-2)}.panel__title{font-size:var(--text-lg)}.panel__head{justify-content:space-between;align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.panel__note{margin-top:var(--space-2xs);font-size:var(--text-xs);color:var(--color-ink-2)}.panel__note--warn{padding:var(--space-3xs) var(--space-2xs);background:var(--color-tint-coral);border:var(--rule-hair) solid var(--color-accent-3-deep);border-radius:var(--radius-sm);color:var(--color-ink)}.panel .btn,.field{margin-top:var(--space-sm)}.field:first-of-type{margin-top:0}.field__row{justify-content:space-between;align-items:baseline;gap:var(--space-2xs);display:flex}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);display:block}.field__row .field__label{white-space:nowrap}.field__value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-display);color:var(--color-ink)}.field__hint{margin-top:var(--space-3xs);min-height:1lh;font-size:var(--text-xs);color:var(--color-ink-2)}.field__file{width:100%;margin-top:var(--space-2xs);padding:var(--space-3xs);font:inherit;font-size:var(--text-xs);color:var(--color-ink-2);background:var(--color-paper);border:var(--rule-hair) dashed var(--color-rule-strong);border-radius:var(--radius-input);display:block}.field__file::file-selector-button{min-height:var(--hit-min);margin-right:var(--space-2xs);padding-inline:var(--space-sm);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-display);color:var(--color-accent-ink);background:var(--color-accent);border-radius:var(--radius-pill);box-shadow:0 3px 0 0 var(--color-accent-deep);cursor:pointer;transition:transform var(--dur-fast) var(--ease-press);border:0}@media (hover:hover){.field__file::file-selector-button:hover{transform:translateY(-1px)}}.field__file::file-selector-button:active{transition-duration:var(--dur-press);transform:translateY(2px)}.slider{width:100%;min-height:var(--hit-min);margin-top:var(--space-3xs);accent-color:var(--color-accent-2-deep);cursor:pointer;background:0 0;display:block}.slider:active{accent-color:var(--color-accent-3-deep)}.slider[disabled]{cursor:not-allowed;opacity:.5}.toggle{align-items:center;gap:var(--space-3xs);min-height:var(--hit-min);padding-inline:var(--space-2xs);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;color:var(--color-ink-2);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);display:inline-flex}@media (hover:hover){.toggle:hover{background:var(--color-tint-pear)}}.toggle input{width:1.1rem;height:1.1rem;accent-color:var(--color-accent-2-deep);cursor:pointer}.palette{gap:var(--space-3xs);margin-top:var(--space-sm);display:grid}.palette__row{align-items:center;gap:var(--space-3xs);padding:var(--space-3xs);background:var(--color-paper);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);grid-template-columns:minmax(0,1fr) auto auto;display:grid}@media (hover:hover){.palette__row:hover{background:var(--color-tint-pear)}}.palette__row--active{border-color:var(--color-accent-2-deep);background:var(--color-tint-sky);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-accent-2-deep)}.palette__pick{align-items:center;gap:var(--space-3xs);min-width:0;min-height:var(--hit-min);cursor:pointer;display:flex}.palette__radio{width:1.1rem;height:1.1rem;accent-color:var(--color-accent-2-deep);cursor:pointer;flex:none}.palette__swatch{background:var(--swatch);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-sm);flex:none;width:1.35rem;height:1.35rem}.palette__symbol{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-display-strong);flex:none}.palette__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-xs);overflow:hidden}.palette__count{font-size:var(--text-2xs);color:var(--color-ink-3);white-space:nowrap}.palette__color{width:var(--hit-min);height:var(--hit-min);background:var(--color-paper);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-input);cursor:pointer;padding:2px}.panel--chart{background:var(--color-paper);border-color:var(--color-rule-strong)}.counters{align-items:center;gap:var(--space-2xs);min-width:0;display:flex}.counters__line{font-size:var(--text-xs);color:var(--color-ink-2)}.counters__line strong{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-display);color:var(--color-ink)}.yarn{flex:none;width:2.5rem;height:2.5rem;display:inline-flex;position:relative}.yarn svg{transform-origin:50% 55%;width:100%;height:100%;animation:yarn-pulse var(--dur-pulse) var(--ease-in-out) infinite}.yarn__ball{fill:var(--color-accent);stroke:var(--color-accent-deep);stroke-width:2px}.yarn__strand,.yarn__tail{fill:none;stroke:var(--color-accent-deep);stroke-width:1.6px;stroke-linecap:round}@keyframes yarn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.star-burst{pointer-events:none;background:linear-gradient(90deg, transparent 46%, var(--color-accent-3) 46% 54%, transparent 54%), linear-gradient(0deg, transparent 46%, var(--color-accent-3) 46% 54%, transparent 54%);width:1.4rem;height:1.4rem;animation:star-burst var(--dur-burst) var(--ease-out) forwards;position:absolute;top:-.4rem;right:-.4rem}@keyframes star-burst{0%{opacity:1;transform:scale(0)rotate(0)}60%{opacity:.9;transform:scale(1.15)rotate(35deg)}to{opacity:0;transform:scale(1.35)rotate(45deg)}}.state{padding:var(--space-md) var(--space-sm);background:var(--color-paper-2);border:var(--rule-hair) dashed var(--color-rule-strong);border-radius:var(--radius-card);text-align:left}.state__title{font-size:var(--text-xl)}.state p{margin-top:var(--space-2xs);color:var(--color-ink-2);font-size:var(--text-sm);max-width:44ch}.state--loading{background:var(--color-tint-sky);border-style:solid;border-color:var(--color-accent-2)}.state--error{background:var(--color-error-tint);border-style:solid;border-color:var(--color-error)}.state--error .state__title{color:var(--color-error)}.chart__toolbar{align-items:center;gap:var(--space-3xs);margin-bottom:var(--space-2xs);flex-wrap:wrap;display:flex}.chart__toolbar .btn{margin-top:0}.chart{max-height:min(70vh,34rem);padding:var(--space-3xs);background:var(--color-canvas-well);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-inset-well);overscroll-behavior:contain;overflow:auto}.chart__canvas{border-radius:var(--radius-sm);cursor:crosshair;touch-action:manipulation}.chart__readout{margin-top:var(--space-2xs);font-size:var(--text-xs);color:var(--color-ink-2)}.how__layout{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.annotated{min-width:0;margin:0;position:relative}.annotated__frame{padding:var(--space-2xs);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-panel);overflow:auto}.annotated figcaption{margin-top:var(--space-2xs);font-size:var(--text-xs);color:var(--color-ink-3)}.annotated__callouts{gap:var(--space-3xs);margin-top:var(--space-2xs);display:grid}.callout{padding:var(--space-3xs) var(--space-2xs);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--color-paper);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow-contact);position:relative}.callout--grid{border-color:var(--color-accent-deep)}.callout--rule{border-color:var(--color-accent-2-deep)}.callout--legend{border-color:var(--color-accent-3-deep)}.steps{gap:var(--space-sm);counter-reset:step;display:grid}.steps li{--step-edge:var(--color-accent-deep);counter-increment:step;padding:var(--space-sm);background:var(--color-paper-2);border:var(--rule-hair) solid var(--step-edge);border-radius:var(--radius-card)}.steps li:nth-child(2){--step-edge:var(--color-accent-2-deep)}.steps li:nth-child(3){--step-edge:var(--color-mint-deep)}.steps li:nth-child(4){--step-edge:var(--color-accent-3-deep)}.steps h3{font-size:var(--text-lg)}.steps h3:before{content:counter(step) ". ";color:var(--color-ink-3)}.steps p{margin-top:var(--space-3xs);font-size:var(--text-sm);color:var(--color-ink-2)}.limits{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-tint-mint);border-radius:var(--radius-card)}.limits h3{font-size:var(--text-xl)}.limits ul{gap:var(--space-2xs);margin-top:var(--space-2xs);display:grid}.limits li{font-size:var(--text-sm);color:var(--color-ink-2)}.faq{margin-top:var(--space-lg);max-width:46rem}.faq>h3{font-size:var(--text-lg);font-weight:var(--weight-display)}.faq__list{margin-top:var(--space-sm);gap:0;display:grid}.faq__item{padding:var(--space-sm) 0;border-top:var(--rule-hair) dashed var(--color-rule-strong)}.faq__item:first-child{border-top:0}.faq__item h4{font-size:var(--text-md);font-weight:var(--weight-display)}.faq__item p{margin:var(--space-3xs) 0 0;color:var(--color-ink-2);font-size:var(--text-sm)}.limits li+li{padding-top:var(--space-2xs);border-top:var(--rule-hair) solid var(--color-mint-deep)}.foot{max-width:var(--page-max);padding:var(--space-xl) var(--page-gutter) var(--space-lg);gap:var(--space-md);margin-inline:auto;display:grid}.foot__line{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);max-width:24ch}.foot__meta{justify-content:space-between;align-items:baseline;gap:var(--space-2xs);padding-top:var(--space-2xs);border-top:var(--rule-hair) solid var(--color-rule-strong);font-size:var(--text-xs);color:var(--color-ink-3);flex-wrap:wrap;display:flex}.foot__wordmark{font-family:var(--font-display);font-weight:var(--weight-display-strong);color:var(--color-ink-2);white-space:nowrap}.actionbar{z-index:var(--z-actionbar);justify-content:space-between;align-items:center;gap:var(--space-3xs) var(--space-sm);padding:var(--space-2xs) var(--page-gutter);background:var(--color-paper);border-top:var(--rule-hair) solid var(--color-rule-strong);box-shadow:var(--shadow-bar);flex-wrap:wrap;display:flex;position:fixed;bottom:0;left:0;right:0}.actionbar__counts{font-size:var(--text-xs);color:var(--color-ink-2);min-width:0}.actionbar__counts strong{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-ink)}.actionbar__actions{gap:var(--space-3xs);display:flex}.actionbar__status{font-size:var(--text-2xs);color:var(--color-success);flex-basis:100%}.actionbar__status--error{color:var(--color-error);font-weight:var(--weight-medium)}@media (min-width:48rem){.hero{padding-block:var(--space-lg) var(--space-2xl)}.panel{padding:var(--space-md)}.how__layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}.steps{gap:var(--space-md)}}@media (min-width:62rem){.hero{align-items:center;gap:var(--space-xl);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.hero__proof-frame{transform:rotate(-1.1deg)}.workbench__layout{grid-template-columns:var(--rail-width) minmax(0, 1fr);align-items:start}.page--bar{padding-bottom:5rem}.annotated__callouts{pointer-events:none;margin:0;display:block;position:absolute;inset:0}.annotated__callouts .callout{max-width:15rem;position:absolute}.callout--grid{top:8%;left:4%}.callout--rule{top:46%;right:2%}.callout--legend{bottom:12%;left:8%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.btn:hover,.btn:active{transition-duration:0s}.field__file::file-selector-button{transition-duration:0s}.field__file::file-selector-button:hover{transition-duration:0s}.field__file::file-selector-button:active{transition-duration:0s}.yarn svg{animation:none}.star-burst{opacity:0;animation:none}.hero__proof-frame{transform:none}}@media (hover:hover){.btn:hover{color:var(--btn-ink)}.nav__links a:hover{color:var(--color-ink-2)}}