/* V6: show the clock first; details are an explicit opt-in on every screen. */
.clock-panel{width:248px;padding:12px}
.clock-heading{display:block}.clock-face{margin:7px 0 8px}
.clock-next{border-top:1px solid #e8eddf;padding-top:7px;display:flex;gap:6px;align-items:baseline;line-height:1.5;font-size:9px}
.clock-next>span{flex:none;color:#94a083}.clock-next strong{font-weight:600;color:#627c52}
#clock-toggle{display:block;width:100%;background:none;border-top:1px solid #e8eddf;border-radius:0;padding:7px 0 0;margin:7px 0 0;color:#738866;font-size:9px;text-align:left;min-height:24px}
#clock-details[hidden]{display:none!important}.clock-panel.is-expanded{width:278px}
#clock-details{margin-top:7px;max-height:min(410px,calc(100dvh - 260px));overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
#clock-details .clock-disclaimer{display:block}
.progress-track{position:relative;padding-top:23px;margin-top:4px}
.progress-track #progress{display:block;width:100%;margin:3px 0 6px}
.timeline-events{position:absolute;top:0;left:8px;right:8px;height:23px}
.timeline-event{position:absolute;left:calc(var(--event-x)*100%);top:calc(var(--event-row)*8px);transform:translateX(-50%);width:16px;height:9px;padding:0;background:none;border:0;border-radius:4px;cursor:pointer}
.timeline-event:before{content:'';display:block;width:6px;height:6px;margin:0 auto;background:var(--event-color);border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d8e3ce}
.timeline-event[data-kind=departure]:before{border-radius:2px}.timeline-event[data-kind=connection]:before{background:#a8b299}
.timeline-event.is-done:before{opacity:.45}.timeline-event.is-current:before{box-shadow:0 0 0 2px var(--event-color)}
.timeline-event:focus-visible{outline:2px solid #47663d;outline-offset:3px;background:#e3ecd8}
.timeline-tooltip{position:absolute;z-index:8;left:0;bottom:calc(100% + 2px);max-width:100%;background:#f6f9ef;color:#4e693f;border:1px solid #cddcc1;border-radius:8px;padding:6px 9px;font-size:10px;box-shadow:0 3px 12px #425c3320;pointer-events:none}
.timeline-tooltip[hidden]{display:none}
.vehicle-bubble.is-personal{border-width:2px;background:#fffdf0;font-weight:750}
.arrival-caption .label-card{font-size:10px;background:#f9fcf0;color:#6a8357}
@media(min-width:1500px) and (min-height:1000px){.clock-panel{width:278px;padding:16px}.clock-next,#clock-toggle{font-size:10px}}
@media(max-width:820px){.clock-panel{width:205px;padding:10px}.clock-face{gap:8px;margin:5px 0 6px}.clock-heading{font-size:8px}.clock-next,#clock-toggle{font-size:8px}.clock-panel.is-expanded{width:min(278px,calc(100% - 20px))}#clock-details{max-height:265px}#clock-details #clock-departures{display:block}.progress-track{padding-top:32px;margin-top:5px}.timeline-events{height:32px}.timeline-event{height:12px;width:18px;top:calc(var(--event-row)*11px)}.timeline-event:before{width:8px;height:8px}.timeline-tooltip{font-size:11px}}