/* Text-only article catalog; product navigation and footer come from clientsafe.css. */
.cs-blog { padding: 72px 48px 88px; }
.cs-blog-header { margin-bottom: 40px; }
.cs-blog-header h1 { font-size: clamp(38px, 5vw, 60px); letter-spacing: -2px; line-height: 1.1; margin-bottom: 20px; }
.cs-blog-header p { max-width: 640px; color: var(--muted); font-size: 18px; line-height: 1.65; }
.cs-blog-list { border-top: 1px solid var(--border); }
.cs-blog-card { border-bottom: 1px solid var(--border); }
.cs-blog-card a { display: block; padding: 32px 0; color: var(--text); text-decoration: none; }
.cs-blog-card h2 { font-size: clamp(22px, 2.4vw, 27px); letter-spacing: -.6px; line-height: 1.3; margin-bottom: 12px; transition: color .2s; }
.cs-blog-card p { color: var(--muted); font-size: 15px; line-height: 1.7; max-width: 680px; }
.cs-blog-card .cs-blog-read { display: inline-block; margin-top: 14px; color: var(--accent2); font-size: 14px; }
.cs-blog-card a:hover h2 { color: var(--accent2); }
@media (max-width: 1000px) { .cs-blog { padding-inline: 28px; } }
@media (max-width: 700px) { .cs-blog { padding: 48px 24px 64px; } .cs-blog-header p { font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { .cs-blog-card h2 { transition: none; } }