.articles-page[data-v-10d6f56c]{background-color:var(--color-bg);min-height:100vh}.page-header[data-v-10d6f56c]{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.page-header h1[data-v-10d6f56c]{font-family:var(--font-family);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text)}.articles-grid[data-v-10d6f56c]{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}@media (max-width:600px){.articles-grid[data-v-10d6f56c]{grid-template-columns:1fr}}.article-card-link[data-v-10d6f56c]{color:inherit;text-decoration:none}.article-card[data-v-10d6f56c]{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);height:100%;transition:box-shadow var(--transition-fast), transform var(--transition-fast);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.article-card[data-v-10d6f56c]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-card-skeleton[data-v-10d6f56c]{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden}.article-image[data-v-10d6f56c]{height:180px}.article-image-placeholder[data-v-10d6f56c]{background:var(--color-surface-secondary);justify-content:center;align-items:center;height:180px;display:flex}.article-content[data-v-10d6f56c]{flex-direction:column;flex:1;display:flex}.article-meta[data-v-10d6f56c]{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2);display:flex}.reading-time[data-v-10d6f56c]{background:var(--color-surface-secondary);border-radius:var(--radius-sm);padding:2px 8px}.publish-date[data-v-10d6f56c]:before{content:"•";margin-right:var(--space-2)}.article-title[data-v-10d6f56c]{font-family:var(--font-family);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-2) 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.article-excerpt[data-v-10d6f56c]{font-size:var(--text-sm);color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;display:-webkit-box;overflow:hidden}.article-author[data-v-10d6f56c]{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex}.author-name[data-v-10d6f56c]{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.load-more-trigger[data-v-10d6f56c]{height:50px}.full-width[data-v-10d6f56c]{grid-column:1/-1}
