.page.svelte-u4k2t{min-height:100vh;background:var(--color-bg)}.blog-container.svelte-u4k2t{max-width:720px;margin:0 auto;padding:2rem}.blog-header.svelte-u4k2t{margin-bottom:3rem}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:2rem;font-weight:600;margin:0 0 .5rem;letter-spacing:-.02em}.blog-header.svelte-u4k2t p:where(.svelte-u4k2t){color:var(--color-text-muted);font-size:1rem;margin:0}.posts-list.svelte-u4k2t{display:flex;flex-direction:column;gap:0}.post-item.svelte-u4k2t{display:flex;gap:0;text-decoration:none;color:inherit;border-bottom:1px solid var(--color-border);transition:background .15s ease}.post-item.svelte-u4k2t:first-child{border-top:1px solid var(--color-border)}.post-item.svelte-u4k2t:hover{background:var(--color-bg-subtle);text-decoration:none}.post-accent.svelte-u4k2t{width:3px;flex-shrink:0;background:var(--accent);opacity:0;transition:opacity .15s ease}.post-item.svelte-u4k2t:hover .post-accent:where(.svelte-u4k2t){opacity:1}.post-body.svelte-u4k2t{padding:1.5rem 1rem;flex:1;min-width:0}.post-header.svelte-u4k2t{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.post-category.svelte-u4k2t{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.post-date.svelte-u4k2t{font-size:.8125rem;color:var(--color-text-muted)}.post-item.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.125rem;font-weight:600;margin:0 0 .5rem;line-height:1.4;letter-spacing:-.01em}.post-excerpt.svelte-u4k2t{color:var(--color-text-muted);font-size:.9375rem;line-height:1.5;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-read-time.svelte-u4k2t{font-size:.75rem;color:var(--color-text-muted);opacity:.7}.no-posts.svelte-u4k2t{padding:4rem 2rem;text-align:center;color:var(--color-text-muted)}@media(max-width:600px){.blog-container.svelte-u4k2t{padding:1rem}.blog-header.svelte-u4k2t{margin-bottom:2rem}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:1.75rem}.post-body.svelte-u4k2t{padding:1.25rem .75rem}.post-item.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1rem}.post-excerpt.svelte-u4k2t{font-size:.875rem;-webkit-line-clamp:2;line-clamp:2}}