:root{--ground:var(--p-ground,#0e2a31);--ink:var(--p-ink,#ece4d0);--signal:var(--p-signal,#f3a83b);color-scheme:dark}:root[data-theme=light]{--ground:var(--p-ink,#ece4d0);--ink:var(--p-ground,#0e2a31);--signal:color-mix(in oklab, var(--p-signal,#f3a83b) 62%, var(--p-ground,#0e2a31));color-scheme:light}:root{--surface:color-mix(in oklab, var(--ink) 5%, var(--ground));--raised:color-mix(in oklab, var(--ink) 9%, var(--ground));--line:color-mix(in oklab, var(--ink) 15%, var(--ground));--line-strong:color-mix(in oklab, var(--ink) 28%, var(--ground));--muted:color-mix(in oklab, var(--ink) 55%, var(--ground));--sub:color-mix(in oklab, var(--ink) 74%, var(--ground));--wash:color-mix(in oklab, var(--signal) 13%, var(--ground));--on-signal:var(--ground);--radius-s:4px;--radius-m:10px;--radius-l:16px;--shadow:0 18px 48px oklab(0% none none/.4);--step--1:.875rem;--step-0:1rem;--step-1:1.125rem;--step-2:1.3125rem;--step-3:1.5rem;--step-4:2.25rem;--step-5:3rem;--step-6:4.5rem;--measure:68ch;--page:1180px;--gutter:clamp(16px, 4vw, 40px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem;font-size:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Archivo,system-ui,sans-serif;font-stretch:100%;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto}a{color:inherit;text-decoration-color:var(--line-strong);text-underline-offset:3px}a:hover{text-decoration-color:var(--signal)}:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:2px}code,pre,kbd{font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,monospace;font-size:.86em}:not(pre)>code{background:var(--raised);border-radius:var(--radius-s);padding:.1em .35em}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(var(--step-5), 7vw, var(--step-6));letter-spacing:-.025em;font-weight:800;font-stretch:112%}h2{font-size:clamp(var(--step-3), 4vw, var(--step-4));letter-spacing:-.005em;margin-bottom:1.4rem;font-weight:650;font-stretch:72%}h3{font-size:var(--step-1);font-weight:650}p{margin:0 0 1em}.wrap{max-width:var(--page);padding:0 var(--gutter);margin:0 auto}.prose{max-width:var(--measure)}.muted{color:var(--muted)}.sub{color:var(--sub)}.lede{font-size:var(--step-1);color:var(--sub);max-width:62ch}button,.btn{font:inherit;color:var(--ink);cursor:pointer;background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-s);align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.9rem;font-weight:550;text-decoration:none;display:inline-flex}button:hover,.btn:hover{border-color:var(--line-strong)}.btn-signal{background:var(--signal);color:var(--on-signal);border-color:#0000;font-weight:650}.btn-signal:hover{filter:brightness(1.06);border-color:#0000}.top{z-index:20;background:color-mix(in oklab, var(--ground) 86%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.top .wrap{align-items:center;gap:1rem;min-height:3.6rem;display:flex}.brand{letter-spacing:.01em;white-space:nowrap;font-weight:800;font-stretch:125%;text-decoration:none}.brand span{color:var(--signal)}.top nav{scrollbar-width:none;gap:1.1rem;margin-left:auto;display:flex;overflow-x:auto}.top nav a{color:var(--sub);white-space:nowrap;font-size:.9rem;text-decoration:none}.top nav a:hover,.top nav a[aria-current]{color:var(--ink)}.theme-btn{padding:.35rem .55rem}@media (width<=760px){.top nav .opt{display:none}}section.block{border-top:1px solid var(--line);padding:clamp(3.5rem,8vw,6rem) 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem 2rem;margin-bottom:1.6rem;display:flex}.section-head h2{margin:0}.stack{color:var(--muted);font-size:var(--step--1);margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:1.4rem}.grid{gap:1.2rem;display:grid}.foot{border-top:1px solid var(--line);color:var(--muted);padding:2.5rem 0 5rem;font-size:.86rem}.foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:.6rem 1.5rem;display:flex}.foot ul{flex-wrap:wrap;gap:.4rem 1.4rem;margin:0;padding:0;list-style:none;display:flex}.pal{z-index:30;position:fixed;bottom:1rem;left:1rem}.pal-toggle{background:var(--raised);border-radius:999px;gap:0;padding:4px;display:flex}.pal-toggle span,.pal-preset span{width:14px;height:14px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%}.pal-toggle span+span{margin-left:-4px}.pal-panel{background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-m);width:15rem;box-shadow:var(--shadow);gap:.55rem;padding:.9rem;font-size:.82rem;display:grid;position:absolute;bottom:calc(100% + 8px);left:0}.pal-panel[hidden]{display:none}.pal-heading{font-size:.95rem;font-weight:650;font-stretch:85%}.pal-presets{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pal-preset{justify-content:center;padding:6px 4px;display:flex}.pal-preset span+span{margin-left:-4px}.pal-field{align-items:center;gap:.6rem;display:flex}.pal-field input{border:1px solid var(--line);background:0 0;border-radius:4px;width:2.2rem;height:1.6rem;padding:0}.pal-code{color:var(--sub);user-select:all;font-size:.75rem}.pal-reset{font-size:.75rem}@media (width<=620px){.pal{display:none}}.skip[data-astro-cid-hkbrpulz]{z-index:50;background:var(--signal);color:var(--on-signal);padding:.4rem .8rem;position:absolute;top:.5rem;left:-999px}.skip[data-astro-cid-hkbrpulz]:focus{left:.5rem}