.blog-empty.svelte-u4k2t{text-align:center;max-width:40rem;margin-inline:auto;padding:var(--space-2xl) 0}.blog-empty.svelte-u4k2t h2:where(.svelte-u4k2t){margin-bottom:var(--space-md)}.blog-empty.svelte-u4k2t p:where(.svelte-u4k2t){color:var(--color-text-secondary);margin-bottom:var(--space-lg);max-width:none}.blog-grid.svelte-u4k2t{display:grid;grid-template-columns:1fr;gap:var(--space-xl);max-width:52rem;margin-inline:auto}@media(min-width:640px){.blog-grid.svelte-u4k2t{grid-template-columns:repeat(2,1fr)}}.blog-card.svelte-u4k2t{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-top:3px solid var(--color-primary)}.blog-card.svelte-u4k2t:hover{border-top-color:var(--color-secondary-light)}.blog-card-image.svelte-u4k2t{aspect-ratio:16 / 9;overflow:hidden}.blog-card-image.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card.svelte-u4k2t:hover .blog-card-image:where(.svelte-u4k2t) img:where(.svelte-u4k2t){transform:scale(1.03)}.blog-card-body.svelte-u4k2t{padding:var(--space-lg);flex:1;display:flex;flex-direction:column}.blog-card-meta.svelte-u4k2t{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:var(--text-small);color:var(--color-text-secondary)}.blog-card-tag.svelte-u4k2t{background:#2d6a2e26;color:var(--color-primary-light);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.blog-card-title.svelte-u4k2t{font-size:var(--text-h4);color:var(--color-secondary-light);margin-bottom:var(--space-sm);line-height:1.3}.blog-card-desc.svelte-u4k2t{font-size:var(--text-small);color:var(--color-text-secondary);line-height:1.5;flex:1}.blog-card-link.svelte-u4k2t{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-md);color:var(--color-accent);font-weight:600;font-size:var(--text-small);transition:gap var(--transition-fast)}.blog-card.svelte-u4k2t:hover .blog-card-link:where(.svelte-u4k2t){gap:var(--space-sm)}
