/* Keep pagination inside the viewport */
nav .pagination,
ul.pagination {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
    row-gap: 0.25rem;
    margin-bottom: 0;
}

/* Compact page list on mobile / narrow app viewport */
@media screen and (max-width: 767px) {
    li.page-item {
        display: none;
    }

    .page-item:first-child,
    .page-item:nth-child(2),
    .page-item:nth-last-child(2),
    .page-item:last-child,
    .page-item.active,
    .page-item.disabled {
        display: block;
    }
}