/* Evidence dates are part of the ruler, never separate tour cards. */
.atlas-shell{grid-template-rows:86px minmax(0,1fr) 186px}
.time-axis{padding-top:16px;padding-bottom:16px;gap:22px}
.time-track{height:148px;padding:0;min-width:0}
.time-ruler{top:50px}
.time-progress{top:66px}
#year-slider{top:46px;cursor:grab}
#year-slider:active,.timeline-dragging #year-slider{cursor:grabbing!important}
.time-cursor{top:59px;width:25px;height:38px}
.time-cursor svg{display:block;width:25px;height:38px;overflow:visible}
.timeline-hand{fill:var(--paper);stroke:var(--red);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.timeline-hand-detail{fill:none;stroke:var(--red);stroke-width:.95;stroke-linecap:round;stroke-linejoin:round}
.timeline-dragging .timeline-hand{fill:#ead4bf}
#year-output{top:0}
.year-ticks{top:81px}
.year-ticks>span{font-size:12px;padding-top:7px}
.year-ticks>span:first-child,.year-ticks>span:last-child{transform:translateX(-50%)}
.year-ticks>span.first-tick{transform:none}
.year-ticks>span.last-tick{transform:translateX(-100%)}
.play-button{margin-top:-8px}
.time-zoom{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0;margin-top:-8px}
.time-zoom button{width:26px;height:25px;padding:0;color:#726752;font:20px/1 Georgia,serif}
.time-zoom button:last-child{font-size:18px}
.time-zoom button:disabled{opacity:.28;cursor:default}
.timeline-events{position:absolute;top:112px;left:12px;right:12px;height:31px;z-index:4}
.timeline-events:before{content:'';position:absolute;left:0;right:0;top:5px;border-top:1px solid #d9d0bf}
.timeline-event{position:absolute;top:-5px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;min-width:28px;padding:4px 3px 3px;line-height:1.35;white-space:nowrap;cursor:pointer}
.event-dot{display:block;width:5px;height:5px;margin:3px 0 6px;border:1px solid #9c7053;border-radius:50%;background:var(--paper);box-shadow:0 0 0 3px var(--paper)}
.event-cluster .event-dot{width:11px;height:5px;border-radius:2px}
.event-date{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#81745f;letter-spacing:.15px}
.timeline-event:hover .event-date,.timeline-event.is-selected .event-date{color:var(--red)}
.timeline-event:hover .event-dot,.timeline-event.is-selected .event-dot{background:var(--red);border-color:var(--red)}
.timeline-event:focus-visible{outline:1px solid var(--red);outline-offset:3px}
.timeline-event-menu{position:absolute;bottom:39px;transform:translateX(-50%);width:max-content;min-width:210px;max-width:min(340px,80vw);max-height:220px;overflow:auto;background:var(--paper);border:1px solid #baad93;padding:9px 12px;box-shadow:0 4px 20px #453b2714;z-index:20}
.timeline-event-choice{display:grid;grid-template-columns:minmax(62px,auto) 1fr;gap:13px;width:100%;padding:8px 2px;text-align:left;border-bottom:1px solid #ddd3c0;font-size:13px;line-height:1.65}
.timeline-event-choice:last-child{border-bottom:0}
.timeline-event-choice>span:first-child{color:var(--red)}
@media(min-width:1600px){.atlas-shell{grid-template-rows:94px minmax(0,1fr) 190px}}
@media(max-width:740px){
 .atlas-shell{display:flex}
 .time-axis{height:158px;padding:7px 15px 8px;gap:11px;overflow:visible}
 .time-track{height:139px}
 .time-ruler{top:45px}
 .time-progress{top:61px}
 #year-slider{top:41px}
 .time-cursor{top:54px;width:23px;height:35px}
 .time-cursor svg{width:23px;height:35px}
 #year-output{top:0;font-size:17px;padding:5px 9px}
 .year-ticks{top:76px}
 .year-ticks>span{font-size:10px}
 .timeline-events{top:106px}
 .event-date{font-size:11px}
 .time-zoom{gap:1px;margin-top:-8px}
 .time-zoom button{width:20px;height:24px;font-size:18px}
 .play-button{width:28px;height:28px;margin-top:-8px}
 .art-panel{margin-bottom:158px}
}