.reveal .slide-number {
    display: flex;
    align-items: center;
    gap: 0.4em;
    font-size: 16px !important;
    color: #333 !important;
    background-color: rgba(240, 240, 240, 0.8) !important;
    padding: 4px 10px !important;
    border-radius: var(--rlab-radius-sm) !important;
    right: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 12px !important;
    font-weight: 600 !important;
}

.reveal .slide-number .section-badge {
    font-weight: 600;
    font-size: 0.85em;
    color: var(--section-color, var(--rlab-color-text));
    opacity: 0.85;
}
.reveal .slide-number .section-badge::after {
    content: '\00B7';
    margin-left: 0.4em;
    color: var(--rlab-color-faint);
}