.blog-page.svelte-u4k2t{padding:var(--space-12) 0 var(--space-16);min-height:60vh;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-background) 100%)}.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-10)}.header-badge.svelte-u4k2t{display:inline-block;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent-light));color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.page-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-4);color:var(--color-text)}.page-header.svelte-u4k2t h1:where(.svelte-u4k2t) .highlight:where(.svelte-u4k2t){background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header.svelte-u4k2t p:where(.svelte-u4k2t){font-size:var(--font-size-xl);color:var(--color-text-muted);max-width:600px;margin:0 auto}.filters-section.svelte-u4k2t{margin-bottom:var(--space-8)}.search-box.svelte-u4k2t{position:relative;max-width:400px;margin:0 auto var(--space-6)}.search-icon.svelte-u4k2t{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-muted)}.search-box.svelte-u4k2t input:where(.svelte-u4k2t){width:100%;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);border:var(--border-width-2) solid var(--color-border);border-radius:var(--border-radius-full);font-size:var(--font-size-base);background:#fff;transition:var(--transition)}.search-box.svelte-u4k2t input:where(.svelte-u4k2t):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f61a}.category-filters.svelte-u4k2t{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.category-btn.svelte-u4k2t{padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:#fff;border:var(--border-width-2) solid var(--color-border);transition:var(--transition)}.category-btn.svelte-u4k2t:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.category-btn.active.svelte-u4k2t{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.loading.svelte-u4k2t,.no-articles.svelte-u4k2t{text-align:center;padding:var(--space-16)}.loading-spinner.svelte-u4k2t{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto var(--space-4);animation:svelte-u4k2t-spin 1s linear infinite}@keyframes svelte-u4k2t-spin{to{transform:rotate(360deg)}}.empty-icon.svelte-u4k2t{font-size:4rem;margin-bottom:var(--space-4)}.no-articles.svelte-u4k2t h3:where(.svelte-u4k2t){color:var(--color-text);margin-bottom:var(--space-2)}.no-articles.svelte-u4k2t p:where(.svelte-u4k2t){color:var(--color-text-muted);margin:0}.articles-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.article-card.svelte-u4k2t{background:#fff;border-radius:var(--border-radius-xl);overflow:hidden;transition:var(--transition);box-shadow:var(--shadow);display:flex;flex-direction:column}.article-card.svelte-u4k2t:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.article-card.featured.svelte-u4k2t{border:var(--border-width-2) solid var(--color-secondary)}.article-image.svelte-u4k2t{position:relative;width:100%;height:200px;overflow:hidden;background:var(--color-surface-alt)}.article-image.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.article-card.svelte-u4k2t:hover .article-image:where(.svelte-u4k2t) img:where(.svelte-u4k2t){transform:scale(1.08)}.placeholder-image.svelte-u4k2t{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-alt) 100%)}.placeholder-image.svelte-u4k2t svg:where(.svelte-u4k2t){width:64px;height:64px;color:var(--color-text-light)}.featured-badge.svelte-u4k2t{position:absolute;top:var(--space-3);left:var(--space-3);background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));color:var(--color-text);padding:var(--space-1) var(--space-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.category-badge.svelte-u4k2t{position:absolute;top:var(--space-3);right:var(--space-3);background:#fffffff2;color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.article-content.svelte-u4k2t{padding:var(--space-5);display:flex;flex-direction:column;flex-grow:1}.article-meta.svelte-u4k2t{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.meta-divider.svelte-u4k2t{color:var(--color-border)}.article-card.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);line-height:var(--line-height-tight)}.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)}.description.svelte-u4k2t{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer.svelte-u4k2t{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.tags.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag.svelte-u4k2t{background: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-xs);font-weight:var(--font-weight-medium)}.read-more.svelte-u4k2t{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}.read-more.svelte-u4k2t svg:where(.svelte-u4k2t){width:16px;height:16px;transition:var(--transition)}.read-more.svelte-u4k2t:hover svg:where(.svelte-u4k2t){transform:translate(4px)}.pagination.svelte-u4k2t{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-12)}.page-btn.svelte-u4k2t{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#fff;border:var(--border-width-2) solid var(--color-border);border-radius:var(--border-radius-full);font-weight:var(--font-weight-medium);color:var(--color-text);transition:var(--transition)}.page-btn.svelte-u4k2t:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.page-btn.svelte-u4k2t:disabled{opacity:.5;cursor:not-allowed}.page-btn.svelte-u4k2t svg:where(.svelte-u4k2t){width:18px;height:18px}.page-numbers.svelte-u4k2t{display:flex;gap:var(--space-2)}.page-num.svelte-u4k2t{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:#fff;border:var(--border-width-2) solid var(--color-border);transition:var(--transition)}.page-num.svelte-u4k2t:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.page-num.active.svelte-u4k2t{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (max-width: 1024px){.articles-grid.svelte-u4k2t{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.blog-page.svelte-u4k2t{padding:var(--space-8) 0 var(--space-12)}.page-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:var(--font-size-3xl)}.page-header.svelte-u4k2t p:where(.svelte-u4k2t){font-size:var(--font-size-base)}.articles-grid.svelte-u4k2t{grid-template-columns:1fr;gap:var(--space-5)}.article-image.svelte-u4k2t{height:180px}.article-content.svelte-u4k2t{padding:var(--space-4)}.pagination.svelte-u4k2t{flex-wrap:wrap;gap:var(--space-3)}.page-btn.svelte-u4k2t{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.page-numbers.svelte-u4k2t{order:3;width:100%;justify-content:center}.page-num.svelte-u4k2t{width:36px;height:36px;font-size:var(--font-size-sm)}}@media (max-width: 480px){.category-filters.svelte-u4k2t{gap:var(--space-2)}.category-btn.svelte-u4k2t{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.card-footer.svelte-u4k2t{flex-direction:column;align-items:flex-start}.read-more.svelte-u4k2t{margin-top:var(--space-2)}}