.blog-post-card[data-v-9ecb379b]{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.blog-post-card[data-v-9ecb379b]:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.blog-post-card-link[data-v-9ecb379b]{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-post-card-image-wrapper[data-v-9ecb379b]{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.blog-post-card-image[data-v-9ecb379b]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-post-card:hover .blog-post-card-image[data-v-9ecb379b]{transform:scale(1.05)}.blog-post-card-image-placeholder[data-v-9ecb379b]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.blog-post-card-image-placeholder-text[data-v-9ecb379b]{font-size:3rem}.blog-post-card-content[data-v-9ecb379b]{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1;gap:var(--spacing-sm)}.blog-post-card-meta[data-v-9ecb379b]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-muted);flex-wrap:wrap}.blog-post-card-separator[data-v-9ecb379b],.blog-post-card-date[data-v-9ecb379b],.blog-post-card-reading-time[data-v-9ecb379b]{color:var(--color-muted)}.blog-post-card-title[data-v-9ecb379b]{font-size:1.5rem;font-weight:700;color:var(--color-text);line-height:1.3;margin:0;margin-top:var(--spacing-xs)}.blog-post-card-excerpt[data-v-9ecb379b]{color:var(--color-muted);line-height:1.6;margin:0;flex:1}.blog-post-card-categories[data-v-9ecb379b]{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-sm)}.blog-category-badge[data-v-9ecb379b]{display:inline-block;padding:.25rem .75rem;background:#22c55e1a;color:var(--color-accent);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;text-transform:capitalize}@media (max-width: 640px){.blog-post-card-content[data-v-9ecb379b]{padding:var(--spacing-md)}.blog-post-card-title[data-v-9ecb379b]{font-size:1.25rem}}