.timetable-scroll {
    overflow-x: auto;
    max-width: 100%;
    display: block;
    white-space: nowrap;
    border: 1px solid #ddd;
    padding-bottom: 0.5rem; /* Optional: adds breathing space below */
}

/* Sticky station column */
.timetable-sticky-col {
    position: sticky;
    left: 0;
    background-color: #fff; /* match your table's background */
    z-index: 2;
    white-space: nowrap;
    box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.1);
}

timetable-header th {
    position: sticky;
    top: 0;
    z-index: 3;
    background-color: #f8f9fa; /* light gray like Bootstrap */
}