.blog-hero{ background:var(--bg-soft); padding-top:32px; }
.blog-bc{ display:flex; gap:8px; flex-wrap:wrap; list-style:none; margin:0 0 14px; padding:0; font-family:var(--font-head); font-size:13px; font-weight:600; color:var(--faint); }
.blog-bc a{ color:var(--red); }
.blog-list-sec{ background:var(--blog-bg, var(--bg-soft)); }
.blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.blog-card{ background:var(--white); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); display:flex; flex-direction:column; }
.post-img--placeholder{ background:linear-gradient(135deg,#e8eaed,#d5d9e0); }
.blog-empty{ color:var(--muted); font-size:16px; }
.blog-pagination{ display:flex; align-items:center; justify-content:center; gap:20px; margin-top:36px; font-family:var(--font-head); font-weight:600; }
.blog-page-link{ color:var(--red); }
.blog-page-info{ color:var(--faint); font-size:14px; }
.blog-article-cover{ width:100%; max-height:420px; object-fit:cover; border-radius:var(--radius); margin-bottom:28px; }
.blog-article{ font-size:16px; line-height:1.7; color:var(--text); }
.blog-article p{ margin:0 0 1em; }
.blog-back{ margin-top:32px; font-family:var(--font-head); font-weight:600; }
.blog-back a{ color:var(--red); }
@media(max-width:900px){ .blog-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:767px){ .blog-grid{ grid-template-columns:1fr; } }