.blog-header { display:flex; flex-direction:column; gap:1.5rem; margin-bottom:3rem; }
@media(min-width:768px){.blog-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}
.blog-categories { display:flex; flex-wrap:wrap; gap:.5rem; }
.blog-category { padding:.5rem 1rem; font-size:.875rem; border-radius:var(--radius); background:var(--background); border:1px solid var(--border); color:var(--muted-foreground); transition:all .3s; text-decoration:none; cursor:pointer; }
.blog-category:hover { color:var(--foreground); border-color:rgba(255,107,0,.5); }
.blog-grid { display:grid; gap:1.5rem; }
@media(min-width:1024px){.blog-grid{grid-template-columns:1fr 1fr}}
.blog-small-list { display:flex; flex-direction:column; gap:1.5rem; }