/* One chronological track: permanent names above; all time marks on the range. */
.dock .tl-wrap {position:relative;height:78px;padding:0;isolation:isolate;}
.dock .timeline-bands {position:absolute;left:12px;right:12px;top:0;height:54px;margin:0;line-height:17px;pointer-events:none;z-index:2;}
.dock .timeline-band {top:0;height:18px;border:0;background:none;font-size:11px;color:var(--ink);}
.dock .timeline-band+.timeline-band {border-left:0;}
.dock .timeline-unit {top:18px;height:13px;border:0;font-size:9px;line-height:12px;}
.dock .timeline-boundary {position:absolute;top:38px;height:12px;border-left:1px solid var(--muted);opacity:.75;}
.dock .timeline-boundary.major {top:35px;height:18px;border-left-width:2px;opacity:.95;}
.dock input#timeline {position:absolute;left:0;top:30px;height:28px;z-index:1;touch-action:none;}
body .dock input#timeline::-webkit-slider-runnable-track {height:7px;border-radius:4px;}
body .dock input#timeline::-moz-range-track {height:7px;border-radius:4px;}
body .dock input#timeline::-webkit-slider-thumb {width:24px;height:24px;margin-top:-8.5px;}
body .dock input#timeline::-moz-range-thumb {width:24px;height:24px;box-sizing:border-box;}
.dock .era-divider {top:35px;height:18px;width:3px;border:1px solid var(--paper);border-radius:1px;box-shadow:none;z-index:3;}
.dock .era-divider::before {display:none;}
body[data-terrain="true"] .dock .era-divider {box-shadow:none;}
.dock .ticks {top:63px;left:0;right:0;height:13px;font-size:10px;line-height:13px;}
.dock .ticks span::before {display:none;}
.dock .timeline-milestones {position:absolute;top:29px;left:0;right:0;height:30px;margin:0;z-index:4;pointer-events:none;}
.dock .timeline-event-line {position:absolute;top:6px;height:18px;width:3px;transform:translateX(-50%);border-radius:2px;background:var(--ink);box-shadow:0 0 0 1px var(--paper);pointer-events:none;}
.dock .timeline-marker-trigger {position:absolute;top:0;transform:none;height:30px;min-width:0;margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:var(--ink);cursor:pointer;pointer-events:auto;touch-action:none;}
.dock .timeline-marker-trigger::before,.dock .timeline-marker-trigger::after {display:none;}
.dock .timeline-marker-trigger:hover,.dock .timeline-marker-trigger:focus-visible {background:var(--accent-soft);outline:2px solid var(--accent);outline-offset:-2px;}
.dock .timeline-cluster-count {position:absolute;top:-7px;transform:translateX(-50%);min-width:12px;height:12px;padding:0 2px;border-radius:6px;background:var(--paper);font-size:9px;line-height:12px;text-align:center;font-weight:700;border:1px solid var(--muted);box-sizing:content-box;}
.dock .timeline-milestone-menu {position:absolute;bottom:36px;width:min(270px,100%);padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--paper);box-shadow:0 5px 24px #0004;pointer-events:auto;z-index:8;}
.dock .timeline-milestone-menu .timeline-milestone {position:static;display:block;transform:none;min-height:44px;width:100%;height:auto;padding:8px 10px;border:0;border-radius:5px;background:transparent;color:var(--ink);font:inherit;font-size:12px;line-height:1.5;text-align:left;white-space:normal;cursor:pointer;}
.dock .timeline-milestone-menu .timeline-milestone::before,.dock .timeline-milestone-menu .timeline-milestone::after {display:none;}
.dock .timeline-milestone-menu .timeline-milestone:hover,.dock .timeline-milestone-menu .timeline-milestone:focus-visible {background:var(--accent-soft);outline:2px solid var(--accent);outline-offset:-2px;}
.dock .timeline-milestone-menu[hidden],.dock .timeline-milestones[hidden],.dock .timeline-bands[hidden] {display:none;}
@media(max-width:400px){.dock .timeline-band{font-size:10px;}.dock .timeline-unit{font-size:8px;}}

/* The ten-map quiz keeps its compact slider without an empty era-label tier. */
.dock .tl-wrap.timeline-compact {height:50px;}
.dock .timeline-compact input#timeline {top:2px;}
.dock .timeline-compact .ticks {top:35px;}