.xal-participation-nav-tabs-wrap {
    position: sticky;
    top: 10px;
    z-index: 10;
    margin: 0 0 18px;
    padding: 10px 0;
    background: linear-gradient(180deg, rgba(5,5,5,.96), rgba(5,5,5,.84));
    backdrop-filter: blur(14px);
}

.xal-participation-nav-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--xal-border-card, rgba(255,255,255,.13));
    border-radius: var(--xal-radius-pill, 999px);
    background: rgba(255,255,255,.035);
}

.xal-participation-nav-tab {
    min-height: 44px;
    border: 1px solid transparent;
    border-radius: var(--xal-radius-pill, 999px);
    background: transparent;
    color: var(--xal-text-secondary, #aaa49a);
    font: inherit;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
}

    .xal-participation-nav-tab.active,
    .xal-participation-nav-tab:hover {
        border-color: var(--xal-gold-border, rgba(212,175,55,.35));
        background: rgba(212,175,55,.11);
        color: var(--xal-gold, #d4af37);
    }

.xal-participation-nav-tab__count {
    margin-left: 6px;
    color: inherit;
    opacity: .82;
}