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