.articles-intro{color:var(--color-ink-muted);margin-bottom:32px;font-size:1.1rem;line-height:1.6}.articles-list{grid-template-columns:repeat(2,1fr);align-items:start;gap:20px;display:grid}.article-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:all .2s}.article-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.article-link{color:inherit;text-decoration:none;display:block}.article-header{margin-bottom:12px}.article-title{color:var(--color-ink);font-size:1.5rem;font-weight:700;font-family:var(--font-heading);margin-bottom:8px}.article-meta{color:var(--color-ink-muted);gap:16px;margin-bottom:12px;font-size:.875rem;display:flex}.article-date,.article-reading-time{align-items:center;display:flex}.article-summary{color:var(--color-ink-muted);margin-bottom:16px;font-size:1rem;line-height:1.6}.article-tags{flex-wrap:wrap;gap:8px;display:flex}.article-tag{background:var(--color-accent-surface);color:var(--color-accent);text-transform:capitalize;border:1px solid #2d4a8f33;border-radius:16px;padding:4px 12px;font-size:.75rem;font-weight:500}@media (max-width:768px){.articles-list{grid-template-columns:1fr}.article-card{padding:20px}.article-title{font-size:1.25rem}.article-meta{flex-direction:column;gap:4px}}