.phase-tabs {
    position: relative;
    align-items: start;
}

.phase-tabs-sidebar {
    position: relative;
    height: 100%;
}

.phase-sidebar-inner {
    will-change: transform;
}

.phase-tabs .phase-item {
    border-radius: 16px;
    transition: all 0.3s ease;
    background: transparent;
}

.phase-tabs .phase-item .phase-number {
    color: var(--secondary, #6b7280);
}

.phase-tabs .phase-item:hover:not(.is-active) {
    background: #f3f4f6;
}

.phase-tabs .phase-item.is-active {
    background: var(--blue);
    color: #fff;
}

.phase-tabs .phase-item.is-active .phase-number {
    color: #fff;
}

.phase-tabs .phase-content {
    position: relative;
    scroll-margin-top: 140px;
}

.phase-tabs .phase-content + .phase-content {
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    border-top: 1px solid #e5e7eb;
}