.site-pagination {
    --pagination-accent: var(--primary-600, #6366f1);
    --pagination-accent-strong: var(--primary-700, #4f46e5);
    --pagination-border: var(--border-color, #e2e8f0);
    --pagination-surface: var(--card-bg, #fff);
    --pagination-text: var(--text-primary, #172033);
    display: grid;
    justify-items: center;
    gap: .75rem;
    width: 100%;
    margin: 2rem 0 0;
}

.site-pagination__controls,
.site-pagination__pages {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
}

.site-pagination__controls {
    flex-wrap: wrap;
}

.site-pagination__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-width: 2.75rem;
    min-height: 2.75rem;
    padding: .55rem .8rem;
    border: 1px solid var(--pagination-border);
    border-radius: .8rem;
    background: var(--pagination-surface);
    color: var(--pagination-text);
    font-size: .9rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 2px 8px rgb(15 23 42 / 6%);
    transition: border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}

a.site-pagination__button:hover {
    border-color: var(--pagination-accent);
    color: var(--pagination-accent-strong);
    transform: translateY(-2px);
    box-shadow: 0 7px 18px rgb(79 70 229 / 16%);
}

.site-pagination__button.is-current {
    border-color: transparent;
    background: linear-gradient(135deg, var(--pagination-accent), var(--pagination-accent-strong));
    color: #fff;
    box-shadow: 0 7px 18px rgb(79 70 229 / 24%);
}

.site-pagination__button.is-disabled {
    cursor: not-allowed;
    opacity: .38;
    box-shadow: none;
}

.site-pagination__ellipsis {
    min-width: 1.25rem;
    color: var(--text-secondary, #64748b);
    text-align: center;
}

.site-pagination__summary,
.site-pagination__count {
    margin: 0;
    color: var(--text-secondary, #64748b);
    font-size: .875rem;
    text-align: center;
}

.site-pagination__count {
    font-weight: 600;
}

[data-theme="dark"] .site-pagination__button {
    --pagination-surface: var(--card-bg, #172033);
    --pagination-border: var(--border-color, #334155);
    --pagination-text: var(--text-primary, #f8fafc);
    box-shadow: 0 2px 8px rgb(0 0 0 / 18%);
}

@media (max-width: 640px) {
    .site-pagination {
        margin-top: 1.5rem;
    }

    .site-pagination__button {
        min-width: 2.5rem;
        min-height: 2.5rem;
        padding: .5rem .65rem;
    }

    .site-pagination__edge {
        display: none;
    }

    .site-pagination__label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .site-pagination__step {
        min-width: 2.5rem;
    }
}