.timeline{--tl-1:#2a78d6;--tl-2:#eb6834;--tl-3:#1baf7a;--tl-4:#eda100;--tl-5:#e87ba4;--tl-6:#008300;font-family:var(--font-display);gap:1rem;margin-block:1.5rem 2rem;display:grid}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .timeline{--tl-1:#3987e5;--tl-2:#d95926;--tl-3:#199e70;--tl-4:#c98500;--tl-5:#d55181;--tl-6:#008300}}:root[data-theme=dark] .timeline{--tl-1:#3987e5;--tl-2:#d95926;--tl-3:#199e70;--tl-4:#c98500;--tl-5:#d55181;--tl-6:#008300}.timeline__app{gap:1rem;display:grid}.timeline__app[hidden],.timeline__detail[hidden],.timeline__tip[hidden]{display:none}.timeline__controls{flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;display:flex}.timeline__group,.timeline__range,.timeline__search{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.timeline__label{letter-spacing:.1em;text-transform:uppercase;color:var(--graphite);margin-right:.15rem;font-size:.6875rem;font-weight:600}.timeline__pill{font:500 .8125rem/1 var(--font-display);color:var(--graphite);background:var(--sheet);border:1px solid var(--rule);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .75rem;display:inline-flex}.timeline__pill:hover{color:var(--ink)}.timeline__pill[aria-pressed=true]{color:var(--vellum);background:var(--ink);border-color:var(--ink)}.timeline__pill--lane[aria-pressed=false]{opacity:.6}.timeline__swatch{background:var(--c);border-radius:3px;flex:none;width:10px;height:10px}.timeline__pill--lane[aria-pressed=false] .timeline__swatch,.timeline__swatch--open{box-shadow:inset 0 0 0 2px var(--c);background:0 0}.timeline__range{font:500 .8125rem/1 var(--font-mono);color:var(--graphite);font-variant-numeric:tabular-nums}.timeline__range input{width:8.5rem;accent-color:var(--cobalt)}.timeline__search input{font:400 .875rem/1.2 var(--font-display);color:var(--ink);background:var(--sheet);border:1px solid var(--rule);border-radius:.4rem;width:13rem;max-width:100%;padding:.4rem .6rem}.timeline :is(button,input,a,[role=button]):focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.timeline__card{background:var(--sheet);border:1px solid var(--rule);border-radius:.6rem;position:relative}.timeline__scroll{overflow-x:auto}.timeline__scroll svg{max-width:none;display:block}.timeline__grid{stroke:var(--rule);stroke-width:.6px}.timeline__grid--decade{stroke-width:1.2px}.timeline__tick{font:500 11px var(--font-mono);fill:var(--graphite)}.timeline__life{fill:var(--ink);fill-opacity:.18}.timeline__lane-rule{stroke:var(--rule);stroke-width:.8px}.timeline__lane-bg{fill:var(--sheet)}.timeline__lane-name{font:600 11px var(--font-display);letter-spacing:.08em;text-transform:uppercase;fill:var(--graphite)}.timeline__ring{fill:none;stroke:var(--ink);stroke-width:2px}.timeline__legend{border-top:1px solid var(--rule);color:var(--graphite);flex-wrap:wrap;gap:.4rem 1.25rem;padding:.6rem .9rem;font-size:.8125rem;display:flex}.timeline__legend span{align-items:center;gap:.45rem;display:inline-flex}.timeline__tip{z-index:5;pointer-events:none;background:var(--sheet);max-width:18rem;color:var(--ink);border:1px solid var(--rule);border-radius:.5rem;padding:.5rem .7rem;font-size:.8125rem;line-height:1.35;position:absolute;box-shadow:0 6px 20px #00000024}.timeline__tip-date{font:500 .75rem/1.3 var(--font-mono);color:var(--graphite)}.timeline__tip strong{margin-top:.15rem;font-size:.9375rem;font-weight:600;display:block}.timeline__detail{background:var(--sheet);border:1px solid var(--rule);border-left:5px solid var(--c,var(--rule));border-radius:.6rem;gap:.35rem;padding:.9rem 1.1rem;display:grid}.timeline__detail-meta{font:500 .8125rem/1.3 var(--font-mono);color:var(--graphite);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.timeline__chip{font:600 .6875rem/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;background:var(--vellum);color:var(--graphite);border-radius:.3rem;padding:.25rem .45rem}.timeline__detail-title{text-wrap:balance;font-size:1.2rem;font-weight:600;line-height:1.25}.timeline__detail-text{font-family:var(--font-body);color:var(--graphite);max-width:68ch}.timeline__source{color:var(--cobalt);text-underline-offset:3px;font-size:.875rem}.timeline__count{letter-spacing:.1em;text-transform:uppercase;color:var(--graphite);font-size:.75rem;font-weight:600}.timeline__list{background:var(--sheet);border:1px solid var(--rule);border-radius:.6rem;overflow:hidden}.timeline__decade{letter-spacing:.12em;text-transform:uppercase;color:var(--graphite);border-top:1px solid var(--rule);padding:.8rem 1rem .35rem;font-size:.75rem;font-weight:700}.timeline__decade:first-child{border-top:0}.timeline__row{--c:var(--graphite);grid-template-columns:7.5rem 10px minmax(0,1fr);align-items:baseline;gap:.75rem;padding:.5rem 1rem;display:grid}.timeline__row[role=button]{cursor:pointer}.timeline__row:hover,.timeline__row.is-on{background:var(--vellum)}.timeline__row[data-lane] .timeline__swatch{background:var(--graphite)}.timeline__row .timeline__swatch{align-self:center}.timeline__date{font:500 .78rem/1.4 var(--font-mono);color:var(--graphite);font-variant-numeric:tabular-nums}.timeline__title{font-weight:600}.timeline__lane{letter-spacing:.06em;text-transform:uppercase;color:var(--graphite);margin-left:.4rem;font-size:.6875rem;font-weight:600}.timeline__text{font-family:var(--font-body);color:var(--graphite);font-size:.9rem}.timeline__row .timeline__source{margin-top:.15rem;font-size:.8125rem;display:inline-block}.timeline__empty{color:var(--graphite);padding:1rem}@media (width<=36rem){.timeline__row{grid-template-columns:5.75rem 10px minmax(0,1fr);gap:.55rem;padding:.5rem .75rem}}