.page-container.svelte-pyn1lh{max-width:var(--container-2xl);padding:var(--space-12) var(--space-6);margin:0 auto}.blog-header.svelte-pyn1lh{text-align:center;margin-bottom:var(--space-12)}.blog-header.svelte-pyn1lh h1:where(.svelte-pyn1lh){font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.blog-subtitle.svelte-pyn1lh{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.empty-state.svelte-pyn1lh{text-align:center;color:var(--text-tertiary);padding:var(--space-16) 0;font-size:var(--text-lg)}.post-grid.svelte-pyn1lh{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=640px){.post-grid.svelte-pyn1lh{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.post-grid.svelte-pyn1lh{grid-template-columns:repeat(3,1fr)}}.post-card.svelte-pyn1lh{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:inherit;transition:transform var(--transition-fast), border-color var(--transition-fast);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.post-card.svelte-pyn1lh:hover{border-color:var(--border-medium);transform:translateY(-2px)}.post-cover.svelte-pyn1lh{aspect-ratio:1200/630;background:var(--surface-2);width:100%;overflow:hidden}.post-cover.svelte-pyn1lh img:where(.svelte-pyn1lh){object-fit:cover;width:100%;height:100%}.post-body.svelte-pyn1lh{gap:var(--space-3);padding:var(--space-6);flex-direction:column;flex:1;display:flex}.post-title.svelte-pyn1lh{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0;line-height:1.4}.post-desc.svelte-pyn1lh{font-size:var(--text-sm);color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.post-meta.svelte-pyn1lh{gap:var(--space-2);padding-top:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.post-date.svelte-pyn1lh{font-size:var(--text-xs);color:var(--text-tertiary)}.post-tags.svelte-pyn1lh{gap:var(--space-2);flex-wrap:wrap;display:flex}.post-tag.svelte-pyn1lh{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--surface-3);padding:2px var(--space-2);border-radius:var(--radius-full)}.post-category.svelte-pyn1lh{color:var(--text-secondary);border:1px solid var(--border-subtle);background:0 0}