.timeline-page .page-top{padding-bottom:38px}
.timeline-content{padding-bottom:70px}
.timeline-intro{border-top:1px solid var(--ink);padding:30px 0 34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);gap:65px;align-items:center}
.timeline-intro h2{font-size:37px;line-height:1.1;margin:8px 0 12px}
.timeline-intro p{font-size:17px;line-height:1.55;max-width:530px;margin:0}
html.js .timeline-controls{display:block}
.timeline-view{display:flex;gap:0;flex-wrap:wrap;border:1px solid var(--ink);width:fit-content}
.timeline-view button{appearance:none;border:0;background:transparent;color:var(--ink);font-size:16px;font-weight:600;line-height:1.35;min-height:58px;padding:15px 16px;text-align:left;cursor:pointer}
.timeline-view button[aria-pressed="true"]{color:var(--paper);background:var(--ink)}
.timeline-view button span{font-size:12px;display:inline-block;margin-left:7px;opacity:.75}
.timeline-view button:hover{box-shadow:inset 0 -3px var(--red)}
.timeline-view button:focus-visible{outline:3px solid var(--red);outline-offset:4px;position:relative;z-index:1}
.timeline-controls #timeline-filter-note{font-size:13px;color:var(--muted);margin-top:15px;max-width:430px}
.timeline-page .filter-form{border-top:1px solid var(--line)}
.timeline-page .result-count{padding:20px 0;color:var(--ink)}
.event-kicker{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.event-kicker .eyebrow{margin:0}
.turning-point-label{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.8px;border-left:1px solid var(--line);padding-left:14px}
.timeline-page .event[data-major="true"] .event-year{color:var(--ink)}
.timeline-page .event h2{max-width:720px}
.timeline-page .event-links{line-height:1.5}
.timeline-page .event-links a:first-child{font-weight:600}
.timeline-page .event:target{background:var(--light);outline:10px solid var(--light)}
@media(max-width:1100px){.timeline-intro{gap:30px;grid-template-columns:minmax(0,1fr) minmax(380px,1fr)}.timeline-view button{font-size:15px;padding:15px 12px}}
@media(max-width:800px){.timeline-intro{grid-template-columns:1fr;gap:24px}.timeline-view{width:100%}.timeline-view button{flex:1;text-align:center}.timeline-controls #timeline-filter-note{max-width:none}.timeline-page .event-links a:first-child{max-width:230px}}
@media(max-width:560px){.timeline-intro{padding:25px 0}.timeline-intro h2{font-size:32px}.timeline-intro p{font-size:16px}.timeline-view button{font-size:14px;padding:12px 8px}.timeline-view button span{display:block;margin:3px 0 0}.timeline-page .page-top{padding-bottom:28px}.event-kicker{gap:7px}.turning-point-label{font-size:9px;letter-spacing:.4px;padding-left:7px}.timeline-page .event h2{font-size:29px}.timeline-page .event-links{gap:12px 18px}}
@media print{.timeline-intro,.timeline-page .result-count,.timeline-page .empty{display:none!important}.timeline-page .event[hidden]{display:grid!important}.timeline-page .event{break-inside:avoid}.timeline-page .event:target{outline:0;background:none}}
