.article-card[data-v-0eaa15be]{position:relative;display:flex;flex-direction:column;height:100%;min-height:240px;padding:0;background-color:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);overflow:hidden}.article-card[data-v-0eaa15be]:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.article-card__image[data-v-0eaa15be]{position:relative;width:100%;margin:0;border-radius:0;overflow:hidden}.article-card__image img[data-v-0eaa15be]{width:100%;height:auto;display:block;transition:transform var(--transition-base)}.article-card__image-placeholder[data-v-0eaa15be]{opacity:.6;background-color:var(--color-bg-secondary)}.article-card:hover .article-card__image img[data-v-0eaa15be]{transform:scale(1.05)}.article-card__image-overlay[data-v-0eaa15be]{position:absolute;top:var(--space-4);left:var(--space-4);z-index:1}.article-card__header[data-v-0eaa15be]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-6) 0 var(--space-6);margin-bottom:var(--space-5)}.difficulty-badge[data-v-0eaa15be]{padding:var(--space-2) var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.02em}.difficulty-badge--beginner[data-v-0eaa15be]{color:var(--color-success);background-color:var(--color-success-bg)}.difficulty-badge--intermediate[data-v-0eaa15be]{color:var(--color-warning);background-color:var(--color-warning-bg)}.difficulty-badge--advanced[data-v-0eaa15be],.difficulty-badge--expert[data-v-0eaa15be]{color:var(--color-error);background-color:var(--color-error-bg)}.article-card__content[data-v-0eaa15be]{flex:1;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.article-card__title[data-v-0eaa15be]{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-snug);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-base)}.article-card:hover .article-card__title[data-v-0eaa15be]{color:var(--color-primary)}.article-card__excerpt[data-v-0eaa15be]{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card__meta[data-v-0eaa15be]{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.meta-item[data-v-0eaa15be]{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm)}.meta-icon[data-v-0eaa15be],.meta-item[data-v-0eaa15be]{color:var(--color-text-tertiary)}.meta-icon[data-v-0eaa15be]{flex-shrink:0;width:16px;height:16px}@media(max-width:640px){.article-card[data-v-0eaa15be]{padding:0;min-height:200px}.article-card__header[data-v-0eaa15be]{padding:var(--space-4) var(--space-4) 0 var(--space-4);margin-bottom:var(--space-4)}.difficulty-badge[data-v-0eaa15be]{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.article-card__content[data-v-0eaa15be]{padding:var(--space-4);gap:var(--space-3)}.article-card__title[data-v-0eaa15be]{font-size:var(--text-xl)}.article-card__excerpt[data-v-0eaa15be]{font-size:var(--text-sm)}.meta-item[data-v-0eaa15be]{font-size:var(--text-xs)}.meta-icon[data-v-0eaa15be]{width:14px;height:14px}}