/* ── Desktop: horizontal line through icon centers ── */
.timeline-row {
    position: relative;
}

.timeline-row::before {
    content: '';
    position: absolute;
    top: calc(1rem + 50px);
    left: calc(12.5%);
    right: calc(12.5%);
    height: 8px;
    background: linear-gradient(to right, var(--bg-5) 30%, var(--brand-1));
    z-index: 0;
}

/* ── Mobile: vertical line down the left side ── */
@media (max-width: 767px) {
    .timeline-row::before {
        top: calc(3rem);
        bottom: 1rem;
        left: calc(1.5rem);
        border-radius: 5px;
        right: auto;
        width: 8px;
        height: auto;
        background: linear-gradient(to bottom, var(--bg-5) 30%, var(--brand-1));
    }
}