/* ============================================================
   css/pages/blog.css — Blog page specific styles
   ============================================================ */

.filter-btn {
    padding: 0.4rem 1rem;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    border: 1.5px solid #e5e7eb;
    color: #6b7280;
    background: white;
}
.filter-btn.active,
.filter-btn:hover {
    background: #1e40af;
    color: white;
    border-color: #1e40af;
}