.blog-card.svelte-pf7zc2{background-color:var(--color-bg-white);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);height:100%;transition:var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.blog-card.svelte-pf7zc2:hover{box-shadow:var(--shadow-soft);border-color:#1e40af1a;transform:translateY(-5px)}.card-image-wrapper.svelte-pf7zc2{background-color:#e2e8f0;height:200px;position:relative;overflow:hidden}.card-image.svelte-pf7zc2{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow)}.blog-card.svelte-pf7zc2:hover .card-image:where(.svelte-pf7zc2){transform:scale(1.05)}.category-badge.svelte-pf7zc2{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);padding:.3rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;left:1rem}.card-body.svelte-pf7zc2{flex-direction:column;flex:1;padding:1.5rem;display:flex}.meta-row.svelte-pf7zc2{gap:1rem;margin-bottom:.75rem;display:flex}.meta-item.svelte-pf7zc2{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.card-title.svelte-pf7zc2{margin-bottom:.75rem;font-size:1.15rem;font-weight:700;line-height:1.4}.card-title.svelte-pf7zc2 a:where(.svelte-pf7zc2){color:var(--color-dark);text-decoration:none}.card-title.svelte-pf7zc2 a:where(.svelte-pf7zc2):hover{color:var(--color-primary)}.card-excerpt.svelte-pf7zc2{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-footer.svelte-pf7zc2{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.author.svelte-pf7zc2{color:var(--color-text);font-size:.8rem}.read-more.svelte-pf7zc2{color:var(--color-primary);align-items:center;gap:.25rem;font-size:.85rem;font-weight:700;display:inline-flex}.read-more.svelte-pf7zc2 svg:where(.svelte-pf7zc2){transition:var(--transition-fast)}.read-more.svelte-pf7zc2:hover svg:where(.svelte-pf7zc2){transform:translate(3px)}