#terms-section-new .terms-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 22px auto 28px
}

#terms-section-new .terms-tabs .tab-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 20px;
    border-radius: 50px;
    border: 1px solid var(--glass-border, rgba(0, 160, 255, .15));
    background: var(--card, rgba(13, 17, 23, .55));
    color: var(--text-muted, #93a3bd);
    font-family: inherit;
    font-size: .86rem;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
    letter-spacing: .3px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 1px 3px rgba(0, 0, 0, .4);
    transition: border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease
}

#terms-section-new .terms-tabs .tab-btn:hover {
    border-color: rgba(0, 208, 255, .55);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 3px 10px rgba(0, 0, 0, .45)
}

#terms-section-new .terms-tabs .tab-btn:active {
    transform: translateY(0)
}

#terms-section-new .terms-tabs .tab-btn:focus-visible {
    outline: 2px solid #4285f4;
    outline-offset: 2px
}

#terms-section-new .terms-tabs .tab-btn.active {
    border-color: var(--primary, #00d0ff);
    color: #fff;
    transform: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 0 0 1px rgba(0, 208, 255, .28), 0 0 16px -6px rgba(0, 208, 255, .65)
}

#terms-section-new .tos-grid > .tos-card[hidden] {
    display: none !important
}