.blog-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; flex-wrap: wrap; gap: 20px; }
.blog-search { display: flex; align-items: center; gap: 0; }
.blog-search input { padding: 12px 18px; border: 2px solid var(--border); border-right: none; border-radius: var(--radius) 0 0 var(--radius); font-size: 0.9rem; outline: none; min-width: 220px; }
.blog-search button { padding: 12px 20px; background: var(--primary); color: #fff; border: 2px solid var(--primary); border-radius: 0 var(--radius) var(--radius) 0; cursor: pointer; transition: var(--transition); }
.blog-search button:hover { background: var(--accent); border-color: var(--accent); }
.featured-post { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; margin-bottom: 60px; background: #fff; border-radius: var(--radius-lg); overflow: hidden; box-shadow: 0 2px 20px rgba(0,0,0,0.06); }
.featured-img { height: 380px; }
.featured-img img { width: 100%; height: 100%; object-fit: cover; }
.featured-body { padding: 48px; }
.featured-body .blog-meta { margin-bottom: 16px; }
.categories-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; }
.cat-pill { padding: 6px 18px; border-radius: 100px; border: 1px solid var(--border); font-size: 0.82rem; font-weight: 600; cursor: pointer; transition: var(--transition); }
.cat-pill.active, .cat-pill:hover { background: var(--primary); color: #fff; border-color: var(--primary); }
@media(max-width:1024px){ .featured-post{grid-template-columns:1fr;} .featured-body{padding:32px;} .featured-img{height:260px;} }