.blog-grid { display:grid; gap:1rem; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); margin-top:1.5rem; }
.blog-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:1.25rem; box-shadow:0 8px 24px rgba(15,23,42,.06); }
.blog-card h2 { font-size:1.15rem; margin:.5rem 0; }
.blog-card h2 a { color:inherit; text-decoration:none; }
.blog-card h2 a:hover { color:#c2410c; }
.blog-card p { color:#64748b; margin:0 0 .75rem; }
.blog-card time { color:#94a3b8; font-size:.85rem; }
.blog-card__cat { color:#c2410c; font-size:.75rem; text-transform:uppercase; letter-spacing:.04em; }
.blog-pagination { display:flex; gap:.5rem; margin-top:1.5rem; }
.blog-pagination a { padding:.45rem .75rem; border-radius:8px; border:1px solid #cbd5e1; text-decoration:none; color:inherit; }
.blog-pagination a.is-active { background:#c2410c; color:#fff; border-color:#c2410c; }
.blog-content { line-height:1.7; }
.blog-alert { padding:1rem; border-radius:10px; background:#fef2f2; border:1px solid #fecaca; color:#991b1b; }
.blog-article h1 { margin:.5rem 0 1rem; }
.blog-article time { color:#94a3b8; display:block; margin-bottom:1rem; }