/* Additions for the dynamic blog (not part of the supplied HTML): filter links, pagination, empty state. */

/* Filter buttons are <a> links now (server-side filtering): keep them looking like the original buttons. */
a.blog-filter{display:inline-block;text-align:center;text-decoration:none;line-height:inherit}

/* Pagination */
.blog-pagination{margin-top:38px}
.blog-pagination ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0}
.blog-pagination a,.blog-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#36534f;font-weight:800;font-size:14px;transition:.18s ease}
.blog-pagination a:hover,.blog-pagination .current{background:var(--green);border-color:var(--green);color:#fff}
.blog-pagination .dots{border-color:transparent;background:transparent}
.blog-empty{padding:36px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:18px;background:#fff}