/* Wistorix · danh mục và phân trang blog (26/09/2026)
   Dùng cho blog.html, blog-trang-N.html, blog-<danh-muc>.html. Template đặt a{letter-spacing:.12em}
   nên mọi link ở đây đặt lại letter-spacing. */
.wx-blog-cats{display:flex;flex-wrap:wrap;gap:.5rem}
.wx-blog-cats a{letter-spacing:normal;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.05rem;border:1px solid #d9dfeb;border-radius:999px;font-size:.9375rem;line-height:1.2;font-weight:600;color:#041335;background:#fff;text-decoration:none;transition:border-color .2s,color .2s,background-color .2s}
.wx-blog-cats a span{font-size:.75rem;font-weight:600;color:#5b6680;background:#f1f4f9;border-radius:999px;padding:.12rem .5rem}
.wx-blog-cats a:hover{border-color:#0052CD;color:#0052CD}
.wx-blog-cats a.is-active{background:#041335;border-color:#041335;color:#fff}
.wx-blog-cats a.is-active span{background:rgba(255,255,255,.16);color:#fff}
.wx-pager{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center}
.wx-pager a{letter-spacing:normal;min-width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;padding:0 1rem;border:1px solid #d9dfeb;border-radius:999px;font-weight:600;color:#041335;text-decoration:none;transition:border-color .2s,color .2s}
.wx-pager a:hover{border-color:#0052CD;color:#0052CD}
.wx-pager a.is-active{background:#0052CD;border-color:#0052CD;color:#fff}