.container.svelte-x7max{max-width:720px;margin:0 auto;padding:0 1.5rem}.blog-header.svelte-x7max{padding:3rem 0 2rem;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.blog-header.svelte-x7max h1:where(.svelte-x7max){font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color)}.subtitle.svelte-x7max{font-size:1rem;color:var(--text-light)}.empty-state.svelte-x7max{text-align:center;padding:4rem 2rem;color:var(--text-light)}.posts-list.svelte-x7max{display:flex;flex-direction:column;gap:2rem}.post-card.svelte-x7max{padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.post-card.svelte-x7max:last-child{border-bottom:none}.post-image.svelte-x7max{display:block;margin-bottom:1.25rem;border-radius:var(--radius-md);overflow:hidden}.post-image.svelte-x7max img:where(.svelte-x7max){width:100%;height:280px;object-fit:cover;transition:opacity .2s ease}.post-image.svelte-x7max:hover img:where(.svelte-x7max){opacity:.9}.post-meta.svelte-x7max{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.85rem}.post-meta.svelte-x7max .date:where(.svelte-x7max){color:var(--text-light)}.post-meta.svelte-x7max .category:where(.svelte-x7max){color:var(--primary-color);font-weight:500}.post-content.svelte-x7max h2:where(.svelte-x7max){font-size:1.375rem;font-weight:600;margin-bottom:.75rem;line-height:1.4}.post-content.svelte-x7max h2:where(.svelte-x7max) a:where(.svelte-x7max){color:var(--text-color)}.post-content.svelte-x7max h2:where(.svelte-x7max) a:where(.svelte-x7max):hover{color:var(--primary-color);text-decoration:none}.excerpt.svelte-x7max{font-size:.95rem;line-height:1.6;color:var(--text-light);margin-bottom:1rem}.read-more.svelte-x7max{font-weight:500;color:var(--primary-color);font-size:.875rem}.read-more.svelte-x7max:hover{text-decoration:underline}@media (max-width: 768px){.blog-header.svelte-x7max{padding:2rem 0 1.5rem}.blog-header.svelte-x7max h1:where(.svelte-x7max){font-size:1.75rem}.post-image.svelte-x7max img:where(.svelte-x7max){height:200px}.post-content.svelte-x7max h2:where(.svelte-x7max){font-size:1.25rem}}