.site-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 22px; padding-top: 18px; border-top: 1px solid #dce8e5; font: 14px/1.4 Arial, sans-serif; }
.site-pagination .site-pagination__summary { margin: 0; color: #52676d; }
.site-pagination .site-pagination__items { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; list-style: none; margin: 0; padding: 0; }
.site-pagination__items li { margin: 0; padding: 0; }
.site-pagination__items a, .site-pagination__items span { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 8px 12px; box-sizing: border-box; border: 1px solid #cddfd9; border-radius: 8px; background: #fff; color: #12654f; text-decoration: none; }
.site-pagination__items a:hover { background: #e8f6ef; border-color: #13916c; }
.site-pagination__items a:focus-visible { outline: 3px solid #147d63; outline-offset: 2px; }
.site-pagination__items [aria-current="page"] { background: #12775c; color: #fff; border-color: #12775c; font-weight: bold; }
.site-pagination__items [aria-disabled="true"] { background: #f2f6f4; color: #687b75; }
@media(max-width:600px) { .site-pagination { align-items: flex-start; flex-direction: column; } .site-pagination__items a, .site-pagination__items span { min-width: 36px; padding: 8px 10px; } }