.blog-index.svelte-u4k2t{max-width:var(--container-wide);padding:var(--space-16) var(--space-6);margin:0 auto}.blog-header.svelte-u4k2t{margin-bottom:var(--space-12)}h1.svelte-u4k2t{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-3)}.post-grid.svelte-u4k2t{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0;padding:0;list-style:none;display:grid}.post-card.svelte-u4k2t{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.post-card.svelte-u4k2t a:where(.svelte-u4k2t){padding:var(--space-6);color:var(--color-text);transition:background var(--transition-fast);text-decoration:none;display:block}.post-card.svelte-u4k2t a:where(.svelte-u4k2t):hover{background:var(--color-surface-secondary)}.post-card.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.post-card.svelte-u4k2t p:where(.svelte-u4k2t){font-size:var(--text-sm);color:var(--color-text-secondary)}.empty-state.svelte-u4k2t{color:var(--color-text-muted);font-size:var(--text-lg)}