/* Shared clock, ruler and return-to-now treatment for maps and activities. */
:root{--cike-timeline-tick:#8e9cab;--cike-timeline-tick-soft:#c5ced8;--cike-timeline-face:linear-gradient(180deg,var(--cike-surface),var(--cike-surface-soft));--cike-timeline-clock-font:650 11px/1.2 var(--cike-font-mono)}
.timeline-shell,.events-horizontal-ruler{background:var(--cike-timeline-face)}
.timeline-reset,.events-horizontal-today{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid color-mix(in srgb,var(--cike-now) 32%,var(--cike-line));border-radius:var(--cike-radius-control,8px);background:var(--cike-timeline-face);color:var(--cike-now);font-weight:650;box-shadow:0 1px 3px #2336470d;transition:background .18s,border-color .18s,transform .18s}
.timeline-reset.is-live,.events-horizontal-today.is-live{color:var(--cike-muted);border-color:var(--cike-control-line);background:var(--cike-surface-soft)}
.timeline-marker .timeline-time,.events-ruler-now-label{border:1px solid color-mix(in srgb,var(--cike-now) 25%,transparent);border-radius:5px;background:var(--cike-surface);color:var(--cike-now);font:var(--cike-timeline-clock-font);font-variant-numeric:tabular-nums;box-shadow:0 1px 4px #2336470d}
.events-horizontal-today.is-returning{animation:timeline-return .5s cubic-bezier(.2,.8,.2,1)}
@keyframes timeline-return{35%{transform:scale(.94)}70%{transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.events-horizontal-today.is-returning{animation:none}}