/* ── Blog listing ── */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;gap:0;transition:box-shadow .2s}
.blog-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.07)}
.blog-card-thumb{width:100%;height:190px;object-fit:cover;display:block}
.blog-card-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card-date{font-size:12px;color:#64748b;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:8px}
.blog-card-date-views{display:inline-flex;align-items:center;gap:4px}
.blog-card-title{font-size:17px;font-weight:700;color:#0f172a;text-decoration:none;line-height:1.35}
.blog-card-title:hover{color:#1e3a8a}
.blog-card-excerpt{font-size:13.5px;color:#475569;line-height:1.6;flex:1}
.blog-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:4px}
.blog-card-link{font-size:13px;font-weight:600;color:#1e3a8a;text-decoration:none}
.blog-card-link:hover{text-decoration:underline}
.blog-card-tags{display:flex;flex-wrap:wrap;gap:5px}
.blog-tag{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;border-radius:20px;padding:2px 10px;font-size:11.5px;font-weight:500;text-decoration:none;white-space:nowrap}
.blog-tag:hover{background:#e0f2fe}
.blog-tag.active-tag{background:#0284c7;color:#fff;border-color:#0284c7}
.blog-pagination{display:flex;gap:8px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.blog-pagination a,.blog-pagination span{padding:8px 14px;border-radius:7px;font-size:13px;font-weight:500;text-decoration:none;background:#fff;border:1px solid #e2e8f0;color:#0f172a}
.blog-pagination a:hover{background:#f1f5f9}
.blog-pagination .current{background:#1e3a8a;color:#fff;border-color:#1e3a8a}
.blog-empty{text-align:center;padding:60px 20px;color:#64748b}
.topic-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.topic-filter-label{font-size:13px;color:#64748b;font-weight:500}
.topic-filter-clear{background:#f1f5f9;color:#475569;border-color:#e2e8f0}