.blog-index.svelte-u4k2t{padding:6rem 1.5rem 4rem}.blog-index-container.svelte-u4k2t{max-width:800px;margin:0 auto}h1.svelte-u4k2t{font-size:2.25rem;font-weight:800;color:var(--text);margin:0 0 1rem;line-height:1.2}.blog-intro.svelte-u4k2t{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin:0 0 2.5rem}.posts-list.svelte-u4k2t{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.post-card.svelte-u4k2t{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;text-decoration:none;transition:border-color .2s,transform .1s}.post-card.svelte-u4k2t:hover{border-color:var(--primary);transform:translateY(-2px)}.post-card.svelte-u4k2t time:where(.svelte-u4k2t){font-size:.8125rem;color:var(--text-muted);font-weight:500}.post-card.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.5rem;font-weight:700;color:var(--text);margin:.5rem 0 .75rem}.post-card.svelte-u4k2t p:where(.svelte-u4k2t){font-size:1rem;color:var(--text-secondary);line-height:1.7;margin:0 0 1rem}.post-link.svelte-u4k2t{font-size:.875rem;font-weight:600;color:var(--primary)}.post-card.svelte-u4k2t:hover .post-link:where(.svelte-u4k2t){color:var(--primary-hover)}@media(max-width:640px){.blog-index.svelte-u4k2t{padding:5rem 1rem 3rem}h1.svelte-u4k2t{font-size:1.75rem}.post-card.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.25rem}}