.blog-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:48px 0 14px;padding:18px 20px;background:var(--color-navy-50);border-radius:var(--radius-lg)}
.blog-pagination__nav-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--radius-pill);font-family:inherit;font-weight:700;font-size:var(--fs-14);color:var(--color-ink);background:var(--color-white);border:1px solid var(--color-line);cursor:pointer;transition:background .2s var(--ease-out),border-color .2s var(--ease-out)}
.blog-pagination__nav-btn:hover:not(:disabled){background:var(--color-navy-100);border-color:var(--color-navy-500)}
.blog-pagination__nav-btn:disabled{color:var(--color-muted);opacity:.5;cursor:not-allowed}
.blog-pagination__pages{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}
.blog-pagination__page{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-family:inherit;font-weight:700;font-size:var(--fs-14);color:var(--color-ink);background:var(--color-white);border:1px solid var(--color-line);cursor:pointer;transition:background .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out)}
.blog-pagination__page:hover{border-color:var(--color-emergency)}
.blog-pagination__page.is-active{background:var(--color-emergency);border-color:var(--color-emergency);color:var(--color-white);box-shadow:var(--shadow-emergency)}
.blog-pagination__caption{text-align:center;color:var(--color-muted);font-size:var(--fs-14);margin:0 0 var(--space-6)}
@media (max-width:640px){.blog-pagination{gap:6px;padding:14px 12px}.blog-pagination__nav-btn{padding:8px 14px;font-size:var(--fs-12)}.blog-pagination__page{width:34px;height:34px;font-size:var(--fs-12)}}