/* ========================================
   페이징 스타일
   ======================================== */

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    margin: 40px 0;
    height: 40px;
}

.pagination a {
    color: var(--quantum-text-secondary);
    text-decoration: none;
    margin: 0 4px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.pagination a:hover {
    background: var(--quantum-bg-tertiary);
    color: var(--quantum-text-secondary);
}

.pagination .prev,
.pagination .next {
    color: var(--quantum-point);
    font-weight: 600;
    margin: 0 8px;
}

.pagination a:has(.selected) {
    background: var(--quantum-bg-tertiary);
    color: var(--quantum-text-secondary);
    font-weight: 500;
}

.pagination .no-more-prev,
.pagination .no-more-next {
    cursor: not-allowed;
}