:root{--paper:#fcfcf8;--page:#eef0f4;--ink:#1a2030;--muted:#5b6275;--form:#1d3a8a;--rule:#b9c2da;--canary:#f6e7a1;--pink:#f2cdd3;--stamp:#b8322a;--wide:"Archivo", system-ui, sans-serif;--typed:"Courier Prime", ui-monospace, monospace}@media (prefers-color-scheme:dark){:root{--page:#151b2b;--ink:#e8ebf3;--muted:#a4abc0;--rule:#3a4566;--form:#9fb5f0}.sheet,.stub,.box,.steps pre{--ink:#1a2030;--muted:#5b6275;--form:#1d3a8a;--rule:#b9c2da}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);font:400 1.0625rem/1.55 var(--wide);font-variation-settings:"wdth" 100;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--form);outline-offset:3px}code{font-family:var(--typed);font-size:.95em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,h3{font-family:var(--wide);color:var(--ink);margin:0;line-height:1.05}h1{font-variation-settings:"wdth" 112;letter-spacing:-.02em;font-size:clamp(2.6rem,6.4vw,4.8rem);font-weight:850}h2{font-variation-settings:"wdth" 118;letter-spacing:-.01em;font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800}h3{font-variation-settings:"wdth" 110;font-size:1.05rem;font-weight:700}.top,main,.foot{max-width:72rem;margin:0 auto;padding-inline:1.25rem}.top{justify-content:space-between;align-items:center;gap:1rem;padding-block:1.25rem;display:flex}.brand{font-variation-settings:"wdth" 120;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.brand svg{width:1.75rem;height:1.75rem}.brand rect{fill:var(--form)}.brand path{fill:var(--paper)}.top nav,.foot nav{align-items:center;gap:1.25rem;display:flex}.top nav a,.foot nav a{font-weight:600;text-decoration:none}.top nav a:hover,.foot nav a:hover{text-underline-offset:4px;text-decoration:underline}.signin{border:2px solid var(--ink);border-radius:3px;padding:.3rem .8rem}.hero{grid-template-columns:minmax(0,1fr) minmax(0,30rem);align-items:start;gap:clamp(2rem,5vw,4.5rem);padding-block:clamp(2rem,6vw,5rem) 4rem;display:grid}.lede{color:var(--muted);max-width:34rem;margin:1.5rem 0 2rem;font-size:1.25rem}.ctas{flex-wrap:wrap;gap:.75rem;display:flex}.btn{border:2px solid var(--ink);background:0 0;border-radius:3px;padding:.75rem 1.25rem;font-weight:700;text-decoration:none;display:inline-block}.btn.primary{background:var(--form);border-color:var(--form);color:#fff}@media (prefers-color-scheme:dark){.btn.primary{color:#10162a}}.btn:hover{transform:translateY(-1px)}.stack{padding:0 .9rem 0 0;position:relative}.sheet-wrap{position:relative}.copy{border-radius:2px;position:absolute;inset:0}.copy.pink{background:var(--pink);transform:translate(14px,14px)rotate(1.6deg)}.copy.canary{background:var(--canary);transform:translate(7px,7px)rotate(.8deg)}.sheet{background:var(--paper);border:1.5px solid var(--form);box-shadow:0 1px 0 var(--rule);border-radius:2px;padding:1.1rem 1.1rem 1.25rem;position:relative}.sheet-head{border-bottom:3px solid var(--form);justify-content:space-between;align-items:baseline;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.sheet-head h2{color:var(--form);font-variation-settings:"wdth" 125;font-size:1.35rem}.no{font-family:var(--typed);color:var(--stamp);white-space:nowrap;font-weight:700}.fields{border-top:1px solid var(--form);border-left:1px solid var(--form);grid-template-columns:1fr 1fr;display:grid}.field{border-right:1px solid var(--form);border-bottom:1px solid var(--form);flex-direction:column;gap:.15rem;min-width:0;padding:.35rem .55rem .55rem;display:flex}.field.wide{grid-column:1/-1}.label{color:var(--form);font-variation-settings:"wdth" 90;font-size:.72rem;font-weight:600}.typed{font-family:var(--typed);color:var(--ink);font-size:1rem;line-height:1.35}.decide{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.9rem;display:flex}.choices{gap:.5rem;display:flex}.choice{font:700 1rem var(--wide);border:2px solid var(--form);background:var(--paper);color:var(--form);cursor:pointer;border-radius:3px;padding:.55rem 1.1rem}.choice[data-answer=approved]{background:var(--form);color:#fff}.choice:disabled{cursor:default;opacity:.45}.choice[aria-pressed=true]{opacity:1}.stamp{font:900 2.1rem/1 var(--wide);font-variation-settings:"wdth" 125;color:var(--stamp);opacity:0;pointer-events:none;mix-blend-mode:multiply;border:4px solid;border-radius:6px;padding:.3rem .8rem;position:absolute;bottom:4.6rem;right:1.25rem;transform:rotate(-9deg)scale(1.8)}.sheet[data-answer] .stamp{opacity:.88;transition:transform .22s cubic-bezier(.2,1.6,.4,1),opacity .12s;transform:rotate(-9deg)scale(1)}.sheet[data-answer=later] .stamp{color:var(--form)}.perf{border-top:3px dotted var(--rule);height:0;margin:1.1rem 0;position:relative}.stack .perf{border-color:#8e99b8;margin-right:0}.stub{background:var(--canary);border-radius:2px;padding:.8rem 1rem 1rem}.stub h3{color:#5c4a06;font-variation-settings:"wdth" 100;margin-bottom:.35rem;font-size:.8rem}.feed{font-family:var(--typed);color:#2b2410;margin:0;padding:0;font-size:.92rem;line-height:1.45;list-style:none}.feed time{margin-right:.35rem;font-weight:700}.feed li.new{color:var(--stamp)}.reset{font:600 .85rem var(--wide);color:#5c4a06;cursor:pointer;background:0 0;border:0;margin-top:.5rem;padding:0;text-decoration:underline}.keeps{padding-block:3rem}.keeps h2{max-width:32rem;margin-bottom:1.75rem}.form-grid{border-top:1.5px solid var(--form);border-left:1.5px solid var(--form);background:var(--paper);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.box{border-right:1.5px solid var(--form);border-bottom:1.5px solid var(--form);grid-column:span 1;padding:.6rem .9rem 1.1rem}.box.w2{grid-column:span 2}.box p{color:var(--ink);max-width:36rem;margin:.3rem 0 0}.run{padding-block:3rem}.run h2{margin-bottom:1.75rem}.steps{counter-reset:step;gap:1rem;max-width:52rem;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;grid-template-columns:13rem minmax(0,1fr);align-items:start;gap:1rem;min-width:0;display:grid}.steps h3{align-items:baseline;gap:.6rem;padding-top:.8rem;display:flex}.steps h3:before{content:counter(step);font-family:var(--typed);color:var(--stamp);font-weight:700}.steps pre{background:var(--paper);border:1.5px solid var(--form);color:var(--ink);border-radius:2px;margin:0;padding:.8rem .9rem;font-size:.88rem;line-height:1.5;overflow-x:auto}.after{color:var(--muted);max-width:46rem;margin-top:1.5rem}.host{max-width:40rem;padding-block:3rem 4rem}.host p{color:var(--muted);margin:1rem 0 1.5rem;font-size:1.15rem}.perf.wide{max-width:72rem;margin:0 auto}.foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem 2.5rem;display:flex}.motto{font-variation-settings:"wdth" 120;margin:0;font-weight:800}@media (width<=60rem){.hero{grid-template-columns:1fr}.stack{max-width:30rem}.steps li{grid-template-columns:1fr;gap:.5rem}.steps h3{padding-top:0}}@media (width<=40rem){.form-grid{grid-template-columns:1fr}.box,.box.w2{grid-column:1/-1}.top nav a:not(.signin){display:none}.top nav a[href^=\/guides]{display:inline}.fields{grid-template-columns:1fr}.stamp{font-size:1.6rem;bottom:5.5rem}}@media (prefers-reduced-motion:reduce){.sheet[data-answer] .stamp{transition:none}.btn:hover{transform:none}}
