/* Keep the news list aligned with the site's centered content column. */
body main {
    max-width: 1520px !important;
    padding-left: 56px !important;
    padding-right: 56px !important;
}

.pagination .page-btn {
    background: #fff;
    font: inherit;
    cursor: pointer;
}

.pagination .page-btn:disabled {
    color: #aeb6c0;
    border-color: #e3e7ec;
    cursor: not-allowed;
    opacity: .65;
}

/* The list uses display:grid, so explicitly override it for paginated items. */
.news-item[hidden] {
    display: none !important;
}

@media (max-width: 800px) {
    body main {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (max-width: 520px) {
    body main {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}