/* Timeline Modal Popups */
.timeline-modal-group:focus-within .timeline-modal-content,
.timeline-modal-group:hover .timeline-modal-content {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

/* Scrollspy Dot Navigation */
#timeline-nav.is-visible {
    opacity: 1;
    pointer-events: auto;
}

.timeline-dot.active span {
    background-color: #ffa04d;
    /* 'primary' color */
    transform: scale(1.5);
}

/* Wavy Line SVG Container */
.timeline-svg-container {
    position: absolute;
    inset: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
    pointer-events: none;
}