.articles-page { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; }
.articles-breadcrumbs { font-size: 14px; color: #666; margin-bottom: 16px; }
.articles-breadcrumbs a { color: #2563eb; text-decoration: none; }
.articles-header h1 { margin: 0 0 8px; }
.articles-list { display: flex; flex-direction: column; gap: 16px; margin-top: 24px; }
.article-card { display: block; padding: 20px; border: 1px solid #e5e7eb; border-radius: 8px; text-decoration: none; color: inherit; background: #fff; }
.article-card:hover { border-color: #2563eb; }
.article-card h2 { margin: 0 0 8px; font-size: 1.2rem; color: #111; }
.article-card p { margin: 0 0 8px; color: #555; line-height: 1.5; }
.article-card time { font-size: 13px; color: #888; }
.article-single h1 { margin-bottom: 8px; }
.article-meta { font-size: 14px; color: #888; margin-bottom: 24px; }
.article-body { line-height: 1.7; color: #222; }
.article-body h2 { margin: 28px 0 12px; font-size: 1.25rem; }
.article-body h3 { margin: 20px 0 8px; font-size: 1.1rem; }
.article-body p { margin: 0 0 16px; }