.blog-head { padding: 32px 0 40px; }
.blog-head h1 { font-size: clamp(2rem, 3.4vw, 2.6rem); margin-bottom: 10px; }
.blog-head p { color: var(--ink-soft); font-size: 1.02rem; max-width: 480px; }

.filters { padding-bottom: 40px; }
.filters-inner { display: flex; flex-wrap: wrap; gap: 10px; }
.filter-pill {
  font-size: 0.88rem; font-weight: 600; padding: 9px 18px; border-radius: 100px;
  background: #ffffffa0; border: 1px solid #ffffff; color: var(--ink-soft); transition: all 0.2s ease;
}
.filter-pill:hover { color: var(--ink); }
.filter-pill.active { background: var(--ink); color: var(--bg); border-color: var(--ink); }

.featured { padding-bottom: 56px; }
.featured-card {
  display: grid; grid-template-columns: 1fr 1fr; background: #ffffffa8; border: 1px solid #ffffff;
  border-radius: 24px; overflow: hidden; transition: box-shadow 0.25s ease;
}
.featured-card:hover { box-shadow: 0 20px 40px rgba(107, 97, 128, 0.14); }
.featured-thumb { min-height: 320px; background-size: cover; background-position: center; }
.featured-body { padding: 44px 44px 44px 40px; display: flex; flex-direction: column; justify-content: center; }
.featured-tag { display: inline-block; font-size: 0.8rem; font-weight: 600; color: var(--lavender-deep); margin-bottom: 14px; }
.featured-body h2 { font-size: 1.7rem; line-height: 1.3; margin-bottom: 14px; }
.featured-body p.excerpt { color: var(--ink-soft); font-size: 0.98rem; margin-bottom: 20px; }
.featured-meta { display: flex; gap: 16px; font-size: 0.84rem; color: var(--ink-soft); }

.pagination { display: flex; justify-content: center; align-items: center; gap: 10px; padding: 24px 0 80px; }
.page-btn {
  width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center;
  font-size: 0.9rem; font-weight: 600; color: var(--ink-soft); background: #ffffffa0; border: 1px solid #ffffff;
}
.page-btn.active { background: var(--ink); color: var(--bg); }

@media (max-width: 860px) {
  .featured-card { grid-template-columns: 1fr; }
  .featured-thumb { min-height: 200px; }
}