.badge-neutral {
    background: var(--track-neutral);
    color: var(--track-text);
}

.journey-steps[data-stage-count="1"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.journey-steps[data-stage-count="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.journey-steps[data-stage-count="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.journey-line[data-progress="0"] > span { width: 0; }
.journey-line[data-progress="33"] > span { width: 33.333%; }
.journey-line[data-progress="50"] > span { width: 50%; }
.journey-line[data-progress="67"] > span { width: 66.667%; }
.journey-line[data-progress="100"] > span { width: 100%; }

.timeline:empty::before {
    display: none;
}

.empty-history {
    margin: 1rem 0 0;
    color: var(--track-muted);
    font-size: 0.85rem;
    text-align: center;
}

.empty-history[hidden] {
    display: none !important;
}