.article-card[data-v-4bd4d4ed]{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);color:var(--text-primary);display:flex;flex-direction:row;overflow:hidden;text-decoration:none;transition:all var(--duration-normal) var(--ease-out-quart)}.article-card[data-v-4bd4d4ed]:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-media[data-v-4bd4d4ed]{background:var(--surface-secondary);height:160px;min-width:240px;overflow:hidden;position:relative;width:240px}.card-image[data-v-4bd4d4ed]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out-expo);width:100%}.article-card:hover .card-image[data-v-4bd4d4ed]{transform:scale(1.05)}.card-placeholder[data-v-4bd4d4ed]{background:linear-gradient(135deg,var(--color-primary-50) 0,var(--color-primary-100) 100%);color:var(--color-primary-300);height:100%;width:100%}.card-media-overlay[data-v-4bd4d4ed],.card-placeholder[data-v-4bd4d4ed]{align-items:center;display:flex;justify-content:center}.card-media-overlay[data-v-4bd4d4ed]{background:#0a182880;inset:0;opacity:0;position:absolute;transition:opacity var(--duration-normal) var(--ease-out-quart)}.card-media-overlay.is-visible[data-v-4bd4d4ed]{opacity:1}.read-more[data-v-4bd4d4ed]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid hsla(0,0%,100%,.25);border-radius:var(--radius-full);color:var(--text-inverse);display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-4)}.card-body[data-v-4bd4d4ed]{display:flex;flex:1;flex-direction:column;min-width:0;padding:var(--space-5)}.card-meta-top[data-v-4bd4d4ed]{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-2)}.card-category[data-v-4bd4d4ed]{color:var(--color-accent-500);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.card-date[data-v-4bd4d4ed]{color:var(--text-tertiary);font-size:var(--text-xs)}.card-title[data-v-4bd4d4ed]{display:-webkit-box;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);margin-bottom:var(--space-2);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color var(--duration-fast) var(--ease-out-quart)}.article-card:hover .card-title[data-v-4bd4d4ed]{color:var(--color-primary-600)}.card-summary[data-v-4bd4d4ed]{color:var(--text-secondary);display:-webkit-box;flex:1;font-size:var(--text-sm);line-height:var(--leading-relaxed);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-meta-bottom[data-v-4bd4d4ed]{align-items:center;border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3)}.card-stat[data-v-4bd4d4ed]{align-items:center;color:var(--text-tertiary);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1)}@media(max-width:640px){.article-card[data-v-4bd4d4ed]{flex-direction:column}.card-media[data-v-4bd4d4ed]{height:180px;min-width:0;width:100%}}