.blog-filter{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:26px; }
.blog-filter .filter-chip{ padding:8px 16px; border:1px solid var(--color-border); border-radius:999px; font-size:.85rem; background:#fff; }
.blog-filter .filter-chip.active{ background:var(--color-primary); color:#fff; border-color:var(--color-primary); }

.blog-page-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.bp-card{ background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md); overflow:hidden; transition:var(--transition); }
.bp-card:hover{ box-shadow:var(--shadow-md); transform:translateY(-4px); }
.bp-card img{ height:190px; width:100%; object-fit:cover; }
.bp-body{ padding:20px; }
.bp-cat{ color:var(--color-primary); font-size:.76rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; }
.bp-body h3{ font-size:1.02rem; margin:8px 0; }
.bp-excerpt{ font-size:.87rem; color:var(--color-text-muted); }
.bp-meta{ font-size:.78rem; color:var(--color-text-muted); display:flex; justify-content:space-between; margin-top:10px; padding-top:10px; border-top:1px solid var(--color-border); }

@media (max-width:900px){ .blog-page-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .blog-page-grid{ grid-template-columns:1fr; } }