:root{--paper:#f6f5f1;--paper-raised:#fbfaf7;--grid-line:#eae7df;--ink:#2e1b1e;--ink-2:#463236;--ink-soft:#6b5f5b;--ink-faint:#8f8781;--card:#fdfcfa;--white:#fff;--border:#e7e3d9;--border-strong:#d9d4c8;--yellow:#f9de4b;--yellow-soft:#fbe98a;--yellow-tint:#fdf6d8;--green:#3fbf77;--green-soft:#8fdcb0;--green-tint:#dff3e7;--pink:#f2549d;--pink-soft:#f9b7d6;--pink-tint:#fbdcec;--blue:#a9d7ea;--blue-soft:#cbe6f2;--blue-tint:#e7f3f9;--peach:#f5a98d;--peach-tint:#fbe0d4;--purple:#6f5be0;--lavender:#e4dff9;--lavender-tint:#f0edfb;--merk:#2563eb;--merk-diep:#1d4fd0;--merk-zacht:#bcd4fb;--merk-tint:#e8f0fe;--font-display:"Bricolage Grotesque", sans-serif;--font-block:"Archivo Black", sans-serif;--font-body:"Figtree", sans-serif;--font-mono:"IBM Plex Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--container-max:1420px;--grid-cell:56px;--radius-pill:999px;--radius-xs:3px;--ease-brand:cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink-2);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}.grid-paper{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:var(--grid-cell) var(--grid-cell)}h1,h2,h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.04}.hl{font-family:var(--font-block);letter-spacing:0;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em;font-weight:400}.hl-yellow{background:var(--yellow)}.hl-merk{background:var(--merk);color:var(--white)}.hl-green{background:var(--green-soft)}.hl-blue{background:var(--blue-soft)}.mono{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:11.5px}a{color:var(--ink);-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}a:hover{color:var(--merk)}.card{background:var(--card);border:1px solid var(--border);position:relative}.notch{background:var(--paper);border:1px solid var(--border);padding:5px var(--space-3) 4px;border-top:none;border-left:none;position:absolute;top:-1px;left:-1px}button,input,select{font-family:inherit;font-size:inherit}input,select{height:34px;padding:0 var(--space-3);background:var(--white);border:1px solid var(--border-strong);color:var(--ink);border-radius:0}input:focus,select:focus{outline:2px solid var(--merk);outline-offset:-1px}.pill{border:1px solid var(--merk-diep);border-radius:var(--radius-pill);background:var(--merk);height:34px;color:var(--white);cursor:pointer;transition:transform .14s var(--ease-brand), background .14s var(--ease-brand);align-items:center;gap:6px;padding:0 18px;font-weight:600;display:inline-flex}.pill:hover{background:var(--merk-diep)}.pill:active{transform:translateY(1px)}.pill-ghost{border-color:var(--border-strong);color:var(--ink);font-family:var(--font-mono);letter-spacing:.04em;background:0 0;font-size:12px;text-decoration:none}.pill-ghost:hover{background:var(--paper-raised)}