:root{--timeline-stops:12;--timeline-duration:400ms;--timeline-muted:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.timeline-slide .timeline-heading{font-size:64px;white-space:nowrap}
.timeline-panel{position:absolute;left:64px;right:64px;top:180px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px}
.event-category,.event-count,.event-work>span,.event-context,.event-source,.timeline-caption,.timeline-stop,.timeline-local-controls{font-family:var(--font-mono)}
.event-category,.event-count{font-size:13px;letter-spacing:.04em;line-height:1.4;color:var(--accent)}
.event-count{color:var(--muted)}
.event-year{font:120px/1.2 var(--font-mono);letter-spacing:-.07em;color:var(--accent);margin-top:8px}
.event-symbol{display:block;width:90px;height:90px;margin:16px 0 0 8px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
.event-copy{min-width:0}
.timeline-slide .event-title{font-size:50px;line-height:1.06;color:var(--fg);margin-top:8px;letter-spacing:-.01em}
.event-summary{font-size:21px;line-height:1.4;margin-top:12px;max-width:60ch}
.event-work{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:baseline;margin-top:12px}
.event-work>span{font-size:11px;line-height:1.4;letter-spacing:.04em;color:var(--accent)}
.event-work strong{font-size:16px;font-weight:550;line-height:1.4}
.event-context{font-size:13px;line-height:1.4;color:var(--muted);margin-top:8px}
.event-work[hidden],.event-context[hidden]{display:none}
.event-source{display:inline-flex;align-items:center;font-size:12px;color:var(--accent);min-height:44px;margin-top:0}
.milestone-timeline{position:absolute;bottom:72px;left:64px;right:64px}
.timeline-caption{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);margin-bottom:6px;line-height:1.5}
.timeline-caption span{color:var(--accent)}
.timeline-scroll{overflow:visible}
.timeline-track{position:relative;height:84px}
.timeline-baseline,.timeline-progress{position:absolute;left:calc(100% / (var(--timeline-stops) * 2));right:calc(100% / (var(--timeline-stops) * 2));height:2px;top:22px;background:var(--line);pointer-events:none}
.timeline-progress{background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform var(--timeline-duration) var(--motion-ease)}
.timeline-cursor{position:absolute;left:0;top:16px;width:14px;height:14px;margin-left:-7px;border:2px solid var(--accent);background:var(--accent);border-radius:50%;pointer-events:none;z-index:2;transition:transform var(--timeline-duration) var(--motion-ease)}
.timeline-stops{position:relative;display:grid;grid-template-columns:repeat(var(--timeline-stops),minmax(0,1fr));list-style:none;padding:0;margin:0}
.timeline-stop{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:84px;font-size:13px;color:var(--muted);padding:34px 4px 6px}
.timeline-stop::before{content:'';position:absolute;left:50%;top:18px;width:10px;height:10px;margin-left:-5px;border:2px solid var(--muted);background:var(--bg);border-radius:50%}
.timeline-stop-year{display:block;line-height:1.4}
.timeline-stop-cue{display:block;max-width:100%;font-size:10px;line-height:1.3;font-weight:400;margin-top:2px;overflow-wrap:anywhere}
.timeline-stop.visited::before{border-color:var(--accent);background:var(--accent)}
.timeline-stop[aria-current=step]{color:var(--accent);font-weight:700}
.timeline-stop:hover{color:var(--fg)}
.timeline-local-controls,.timeline-print-list{display:none}
[data-motion-paused] :is(.timeline-progress,.timeline-cursor){transition:none}
@media screen and (max-width:900px),screen and (max-width:960px) and (max-height:500px){
 .slide.timeline-slide{min-height:0;padding:60px 20px 16px}
 .timeline-slide .eyebrow{font-size:9px;max-width:calc(100% - 112px)}
 .timeline-slide .timeline-heading{font-size:clamp(30px,8vw,36px);white-space:normal}
 .timeline-panel{position:static;display:block;margin-top:16px;scroll-margin-top:calc(var(--bar) + 12px)}
 .event-category,.event-count{font-size:11px}
 .event-yearline{display:flex;align-items:center;gap:16px}
 .event-year{font-size:60px;line-height:1;margin-top:6px}
 .event-symbol{width:44px;height:44px;margin:6px 0 0;flex-shrink:0}
 .event-copy{margin-top:12px}
 .event-count{display:none}
 .timeline-slide .event-title{font-size:clamp(28px,8vw,34px);margin-top:4px}
 .event-summary{font-size:17px;line-height:1.4;margin-top:10px}
 .event-work{grid-template-columns:72px minmax(0,1fr);gap:8px;margin-top:10px}
 .event-work>span{font-size:10px}
 .event-work strong{font-size:15px;line-height:1.4}
 .event-context{font-size:12px;line-height:1.4;margin-top:8px}
 .event-source{font-size:11px;margin-top:0}
 .milestone-timeline{position:static;margin-top:16px;padding-top:0;min-width:0}
 .timeline-caption{display:block;font-size:9px;margin-bottom:4px}
 .timeline-caption span{display:none}
 .timeline-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:4px}
 .timeline-track{min-width:calc(var(--timeline-stops) * 76px);height:84px}
 .timeline-stop{height:84px}
 .timeline-local-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:4px 0;font-size:12px;border-bottom:1px solid var(--line)}
 .timeline-local-controls button{min-height:44px;min-width:88px;padding:8px 0;color:var(--accent)}
 .timeline-local-controls span{color:var(--muted)}
 .century-source .timeline-selection-note{display:none}
 .timeline-slide .century-source{margin-top:4px}
 .timeline-slide .milestone-sources{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.timeline-progress,.timeline-cursor{transition:none}}
@media print{
 .timeline-panel,.timeline-local-controls{display:none!important}
 .timeline-print-list{position:absolute;left:64px;right:64px;top:190px;display:grid;grid-template-columns:1fr 1fr;gap:12px 48px;margin:0;padding-left:24px;font-size:17px;line-height:1.35}
 .timeline-progress,.timeline-cursor{transition:none}
}