.page.svelte-2a8jz{--column:72rem;font-size:var(--step--1);gap:clamp(2.5rem,6vh,4rem);padding-block:clamp(1.5rem,4vh,2.5rem) clamp(3rem,8vh,5rem);line-height:1.6;display:grid}.head.svelte-2a8jz{gap:1rem;display:grid}h1.svelte-2a8jz{font-size:var(--step-4);letter-spacing:-.02em;line-height:1.15}.intro.svelte-2a8jz{font-size:var(--step-0);max-width:64ch}.intro.svelte-2a8jz a:where(.svelte-2a8jz){color:var(--ink-100)}.blocks.svelte-2a8jz{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.5rem;display:grid}.kinds.svelte-2a8jz{gap:.75rem;display:grid}.kinds.svelte-2a8jz h2:where(.svelte-2a8jz){font-size:var(--step-2)}.kinds.svelte-2a8jz ul:where(.svelte-2a8jz){border-block:1px solid color-mix(in srgb, var(--ink) 25%, var(--ground));grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));margin:0;padding:0;list-style:none;display:grid}.kinds.svelte-2a8jz li:where(.svelte-2a8jz){gap:.25rem;padding:1rem 1rem 1rem 0;display:grid}.kinds.svelte-2a8jz strong:where(.svelte-2a8jz){font-family:var(--display);color:var(--ink-100)}.block.svelte-2a8jz{border:1px solid color-mix(in srgb, var(--ink) 25%, var(--ground));background:color-mix(in srgb, var(--ink) 6%, var(--ground));align-content:start;gap:.75rem;padding:1.75rem;display:grid}.meta.svelte-2a8jz{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);gap:1rem;font-size:.8em;font-weight:600;display:flex}.status.planned.svelte-2a8jz{opacity:.6}.block.svelte-2a8jz h2:where(.svelte-2a8jz){font-size:var(--step-2);letter-spacing:-.02em;align-items:center;gap:.5em;line-height:1.15;display:flex}.block.svelte-2a8jz h2:where(.svelte-2a8jz):before{content:"";background:var(--tint);flex:none;width:.5em;height:.5em}.planned.svelte-2a8jz h2:where(.svelte-2a8jz):before{border:1px solid var(--tint);background:0 0}.blurb.svelte-2a8jz{color:var(--ink-100);font-size:var(--step-0)}.copy.svelte-2a8jz{max-width:48ch}.uses.svelte-2a8jz{flex-wrap:wrap;gap:.5rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.uses.svelte-2a8jz li:where(.svelte-2a8jz){border:1px solid color-mix(in srgb, var(--ink) 25%, var(--ground));color:var(--text);padding:.25rem .6rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8em}.more.svelte-2a8jz{font-family:var(--display);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-100);justify-self:start;margin-top:.5rem;font-weight:600;text-decoration:none}.more.svelte-2a8jz:hover{text-decoration:underline}