.blog-page.svelte-18edw9u{padding:6rem 0 4rem}@media (width>=48rem){.blog-page.svelte-18edw9u{padding-top:8rem}}.blog-head.svelte-18edw9u{margin-bottom:2.5rem}.blog-head.svelte-18edw9u h1:where(.svelte-18edw9u){font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink-900);margin:.75rem 0 0;font-size:clamp(2rem,4vw,2.875rem);font-weight:600;line-height:1.1}.blog-head.svelte-18edw9u .lede:where(.svelte-18edw9u){font-size:var(--text-body-lg);color:var(--ink-500);max-width:38rem;margin:1rem 0 0;line-height:1.6}.empty.svelte-18edw9u{color:var(--ink-300);font-size:var(--text-body-lg)}.post-list.svelte-18edw9u{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.post-card.svelte-18edw9u{color:inherit;background:var(--surface);border:1px solid var(--ink-100);border-radius:var(--radius-lg);transition:transform var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease);padding:1.5rem;text-decoration:none;display:block}.post-card.svelte-18edw9u:hover{border-color:var(--teal-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-meta.svelte-18edw9u{align-items:center;gap:.5rem;margin-bottom:.625rem;display:flex}.card-meta.svelte-18edw9u time:where(.svelte-18edw9u){font-family:var(--font-mono);font-size:var(--text-caption);color:var(--ink-300)}.card-meta.svelte-18edw9u .dot:where(.svelte-18edw9u){color:var(--ink-100)}.post-card.svelte-18edw9u h2:where(.svelte-18edw9u){font-family:var(--font-display);font-size:var(--text-display-xl);letter-spacing:-.01em;color:var(--ink-900);margin:0 0 .5rem;font-weight:600;line-height:1.25}.card-desc.svelte-18edw9u{font-size:var(--text-body);color:var(--ink-500);margin:0 0 1rem;line-height:1.6}.more.svelte-18edw9u{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--teal-700);align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.more.svelte-18edw9u .arrow:where(.svelte-18edw9u){transition:transform var(--dur-base) var(--ease);line-height:0;display:inline-flex}.post-card.svelte-18edw9u:hover .more:where(.svelte-18edw9u) .arrow:where(.svelte-18edw9u){transform:translate(3px)}@media (prefers-reduced-motion:reduce){.post-card.svelte-18edw9u,.more.svelte-18edw9u .arrow:where(.svelte-18edw9u){transition:none}.post-card.svelte-18edw9u:hover,.post-card.svelte-18edw9u:hover .more:where(.svelte-18edw9u) .arrow:where(.svelte-18edw9u){transform:none}}