.blog.svelte-u4k2t{padding-block:clamp(2.5rem,6vw,5rem)}.blog__header.svelte-u4k2t{max-width:58ch;padding-bottom:clamp(1.5rem,4vw,2.5rem)}h1.svelte-u4k2t{letter-spacing:-.055em;margin-top:.75rem;font-size:clamp(2.6rem,6vw,5rem);line-height:.95}.blog__lead.svelte-u4k2t{color:var(--ink-soft);margin-top:1rem;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.6}.blog__list.svelte-u4k2t{border-top:2px solid var(--ink)}.blog__list.svelte-u4k2t>li:where(.svelte-u4k2t){border-bottom:2px solid var(--ink)}.blog-row.svelte-u4k2t{transition:background-color .18s var(--ease-out), transform .18s var(--ease-snap);grid-template-columns:3.5rem minmax(0,1fr);gap:clamp(.75rem,2vw,2rem);padding-block:clamp(1.5rem,3vw,2.25rem);display:grid}.blog-row.svelte-u4k2t:hover{background:var(--paper-2);transform:translate(4px)}.blog-row__index.svelte-u4k2t{color:var(--ink-muted);font-variant-numeric:tabular-nums;padding-top:.2rem;font-size:.68rem}.blog-row__body.svelte-u4k2t{min-width:0}.blog-row__meta.svelte-u4k2t{color:var(--ink-muted);flex-wrap:wrap;gap:.5rem;font-size:.68rem;display:flex}.blog-row.svelte-u4k2t h2:where(.svelte-u4k2t){letter-spacing:-.045em;max-width:34ch;margin-top:.6rem;font-size:clamp(1.55rem,3vw,2.5rem)}.blog-row__summary.svelte-u4k2t{max-width:64ch;color:var(--ink-soft);margin-top:.6rem;line-height:1.6}.blog-row__foot.svelte-u4k2t{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.blog-row__tags.svelte-u4k2t{flex-wrap:wrap;gap:.35rem;display:flex}.blog-row__arrow.svelte-u4k2t{color:var(--ink-muted);transition:color .18s var(--ease-out), transform .18s var(--ease-snap);flex:none;display:inline-flex}.blog-row.svelte-u4k2t:hover .blog-row__arrow:where(.svelte-u4k2t){color:var(--accent-on-paper);transform:translate(2px,-2px)}.blog__empty.svelte-u4k2t{border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper-2);max-width:52ch;box-shadow:var(--shadow-hard-sm);padding:clamp(1.5rem,4vw,2.5rem)}.blog__empty.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:clamp(1.3rem,2.2vw,1.8rem)}.blog__empty.svelte-u4k2t p:where(.svelte-u4k2t){color:var(--ink-soft);margin-top:.75rem;line-height:1.6}@media (width<=640px){.blog-row.svelte-u4k2t{grid-template-columns:1fr;gap:.5rem}.blog-row__index.svelte-u4k2t{padding-top:0}.blog-row__foot.svelte-u4k2t{align-items:flex-start}}