.blog-page.svelte-u4k2t{padding:var(--space-8) 0;min-height:60vh}.container.svelte-u4k2t{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.page-header.svelte-u4k2t{text-align:center;margin-bottom:var(--space-12)}.page-header.svelte-u4k2t h1:where(.svelte-u4k2t){margin-bottom:var(--space-3);font-size:3rem}.page-header.svelte-u4k2t p:where(.svelte-u4k2t){font-size:var(--font-size-xl);color:var(--color-text-muted);margin:0}.loading.svelte-u4k2t,.no-articles.svelte-u4k2t{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.articles-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6)}.article-card.svelte-u4k2t{background-color:#fff;border-radius:var(--border-radius-lg);border:var(--border-width) solid var(--color-border);transition:var(--transition);position:relative;overflow:hidden}.article-card.svelte-u4k2t:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.article-card.featured.svelte-u4k2t{border-color:var(--color-primary);background:linear-gradient(135deg,#2563eb05,#2563eb14)}.article-card.featured.svelte-u4k2t:before{content:"Featured";position:absolute;top:var(--space-3);right:var(--space-3);background-color:var(--color-primary);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:10}.article-image.svelte-u4k2t{width:100%;height:200px;overflow:hidden}.article-image.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover;transition:var(--transition)}.article-card.svelte-u4k2t:hover .article-image:where(.svelte-u4k2t) img:where(.svelte-u4k2t){transform:scale(1.05)}.article-content.svelte-u4k2t{padding:var(--space-6)}.article-meta.svelte-u4k2t{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.article-card.svelte-u4k2t h2:where(.svelte-u4k2t){margin-bottom:var(--space-3)}.article-card.svelte-u4k2t h2:where(.svelte-u4k2t) a:where(.svelte-u4k2t){color:var(--color-text);text-decoration:none;transition:var(--transition)}.article-card.svelte-u4k2t h2:where(.svelte-u4k2t) a:where(.svelte-u4k2t):hover{color:var(--color-primary);text-decoration:none}.description.svelte-u4k2t{color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.tags.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag.svelte-u4k2t{background-color:var(--color-surface);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius);font-size:var(--font-size-sm);border:var(--border-width) solid var(--color-border)}@media (max-width: 768px){.page-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:2rem}.articles-grid.svelte-u4k2t{grid-template-columns:1fr}.article-content.svelte-u4k2t{padding:var(--space-4)}}