.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.article-card{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;transition:all var(--transition-base)}.article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-primary)}.article-card-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg-tertiary)}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.article-card:hover .article-card-image img{transform:scale(1.05)}.article-category-badge{position:absolute;top:var(--spacing-3);left:var(--spacing-3);padding:var(--spacing-1) var(--spacing-3);background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase}.article-card-content{padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}.article-meta{display:flex;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--text-tertiary)}.article-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);line-height:1.3;margin:0}.article-summary{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin:0}.read-more{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin-top:auto;padding-top:var(--spacing-2)}.article-card-skeleton{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);overflow:hidden}.skeleton-image{aspect-ratio:16/10;background:var(--bg-tertiary);animation:pulse 1.5s ease-in-out infinite}.skeleton-content{padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-3)}.skeleton-badge{width:80px;height:20px;background:var(--bg-tertiary);border-radius:var(--radius-full);animation:pulse 1.5s ease-in-out infinite}.skeleton-title{width:90%;height:24px;background:var(--bg-tertiary);border-radius:var(--radius-sm);animation:pulse 1.5s ease-in-out infinite}.skeleton-text{width:100%;height:40px;background:var(--bg-tertiary);border-radius:var(--radius-sm);animation:pulse 1.5s ease-in-out infinite}.skeleton-meta{width:50%;height:14px;background:var(--bg-tertiary);border-radius:var(--radius-sm);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state{text-align:center;padding:var(--spacing-16) var(--spacing-4);color:var(--text-tertiary)}.empty-state svg{margin-bottom:var(--spacing-4)}.empty-state h3{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-2)}.empty-state p{margin-bottom:var(--spacing-6);color:var(--text-secondary)}.error-message{text-align:center;padding:var(--spacing-8);color:var(--color-error)}@media (max-width: 1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.articles-grid{grid-template-columns:1fr}}.category-header[data-astro-cid-2pzlju63]{padding:var(--spacing-8) 0 var(--spacing-12);background:var(--bg-secondary)}.back-link[data-astro-cid-2pzlju63]{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;margin-bottom:var(--spacing-6);transition:color var(--transition-fast)}.back-link[data-astro-cid-2pzlju63]:hover{color:var(--color-primary)}.category-header-content[data-astro-cid-2pzlju63]{display:flex;align-items:center;gap:var(--spacing-6)}.category-icon-large[data-astro-cid-2pzlju63]{flex-shrink:0;width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-2xl);color:var(--color-white)}.category-header-content[data-astro-cid-2pzlju63] h1[data-astro-cid-2pzlju63]{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-2);color:var(--text-primary)}.category-header-content[data-astro-cid-2pzlju63] p[data-astro-cid-2pzlju63]{font-size:var(--font-size-lg);color:var(--text-secondary)}@media (max-width: 640px){.category-header-content[data-astro-cid-2pzlju63]{flex-direction:column;text-align:center}.category-header-content[data-astro-cid-2pzlju63] h1[data-astro-cid-2pzlju63]{font-size:var(--font-size-3xl)}}