.timeline-page{padding-block:var(--space-4) var(--space-8)}.timeline{--spine-gap:var(--space-4);--station:.75rem;--station-ring:3px}html:has(.era-nav){scroll-padding-block-start:calc(2 * var(--space-6))}.timeline [hidden]{display:none!important}.era-nav{z-index:2;margin-inline:calc(-1 * var(--gutter));background:var(--bg);border-block-end:1px solid var(--rule);font-family:var(--font-ui);font-size:var(--step--1);overscroll-behavior-inline:contain;scrollbar-width:thin;line-height:1.5;position:sticky;inset-block-start:0;overflow-x:auto}.era-nav ol{gap:var(--space-4);inline-size:max-content;padding:var(--space-2) var(--gutter);white-space:nowrap;margin:0;list-style:none;display:flex}.era-nav a{padding-block:var(--space-1);color:var(--muted);display:block}.era-nav a:hover{color:var(--text)}.era-nav a[aria-current=location]{color:var(--accent);text-decoration-line:underline;text-decoration-thickness:2px}.toolbar{margin-block:var(--space-5);font-family:var(--font-ui);font-size:var(--step--1)}.toolbar-fields{align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.toolbar-field{min-inline-size:0;max-inline-size:100%}.toolbar-search{flex:14rem;max-inline-size:26rem}.toolbar select,.toolbar input{min-block-size:2.75rem;max-inline-size:100%;padding-block:var(--space-2);padding-inline:var(--space-3);border:1px solid var(--muted);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:max(1rem, var(--step--1))}.toolbar input{inline-size:100%}.toolbar input::placeholder{color:var(--muted);opacity:1}.toolbar-clear{min-block-size:2.75rem;color:var(--text);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration-line:underline}.toolbar-clear:hover{color:var(--accent)}.toolbar-status{color:var(--muted);margin:0}.toolbar-status:not(:empty){margin-block-start:var(--space-3)}.chapters{padding-block:var(--space-2) var(--space-6);border-inline-start:var(--spine-width) solid var(--spine);padding-inline-start:var(--spine-gap)}.chapters:not(:has(.era:not([hidden]))){border:0;padding:0}.era:not([hidden])~.era{border-block-start:1px solid var(--rule);margin-block-start:var(--space-7);padding-block-start:var(--space-6)}.era-title{margin-block-end:var(--space-1);position:relative}.era-title:before{content:"";inset-block-start:calc(.65em - var(--station) / 2 - var(--station-ring));inset-inline-start:calc(-1 * (var(--spine-gap) + var(--spine-width) / 2 + var(--station) / 2 + var(--station-ring)));inline-size:var(--station);block-size:var(--station);box-sizing:content-box;border:var(--station-ring) solid var(--bg);background:var(--spine);border-radius:50%;position:absolute;inset-block-start:calc(.5lh - var(--station) / 2 - var(--station-ring))}.era-span{margin-block:0 var(--space-5);color:var(--muted);font-family:var(--font-ui);font-variant-numeric:tabular-nums}.era-empty{color:var(--muted);font-family:var(--font-ui);font-size:var(--step--1);margin:0}.events{gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}.event>article{grid-template-columns:minmax(0,1fr);grid-template-areas:"date""title""summary""meta""sources";display:grid}.event .date{color:var(--muted);font-family:var(--font-ui);font-size:var(--step-0);font-variant-numeric:tabular-nums;font-weight:400;line-height:var(--leading-tight);grid-area:date}.event-title{font-size:var(--step-1);grid-area:title;margin:0}.event-summary{max-inline-size:var(--measure);margin-block:var(--space-1) 0;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;grid-area:summary;display:-webkit-box;overflow:hidden}.event-meta{margin-block:var(--space-2) 0;color:var(--muted);font-family:var(--font-ui);font-size:var(--step--1);grid-area:meta}.contested{color:var(--text)}.sources{font-family:var(--font-ui);font-size:var(--step--1);grid-area:sources;margin-block-start:var(--space-1)}.sources>summary{inline-size:fit-content;padding-block:var(--space-1);color:var(--muted);cursor:pointer}.sources>summary:hover,.sources[open]>summary{color:var(--text)}.sources>summary:hover{text-underline-offset:.2em;text-decoration-line:underline}.sources-body{padding:var(--space-4);background:var(--surface);font-family:var(--font-reading);margin-block-start:var(--space-2)}.sources .accounts{gap:var(--space-4) var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin-block-start:var(--space-4);display:grid}.account-label{margin-block:0 var(--space-2);font-size:var(--step-0)}@media (prefers-reduced-motion:no-preference){.sources[open]>.sources-body{animation:.16s ease-out sources-open}}@keyframes sources-open{0%{opacity:0}to{opacity:1}}@media (width>=36rem){.event>article{grid-template-columns:var(--date-width) minmax(0, 1fr);column-gap:var(--space-4);grid-template-areas:"date title"".summary"".meta"".sources"}.event .date,.event-title{align-self:baseline}}@media (width>=56rem){.timeline{--spine-gap:var(--space-5);grid-template-columns:var(--nav-width) minmax(0, 1fr);column-gap:var(--space-6);grid-template-rows:auto 1fr;grid-template-areas:"nav tools""nav chapters";display:grid}html:has(.era-nav){scroll-padding-block-start:var(--space-6)}.era-nav{max-block-size:calc(100vh - 2 * var(--space-4));max-block-size:calc(100dvh - 2 * var(--space-4));margin:calc(var(--space-5) - var(--space-1)) calc(-1 * var(--space-1)) 0;padding:var(--space-1);background:0 0;border:0;grid-area:nav;align-self:start;inset-block-start:var(--space-4);overflow-y:auto}.era-nav ol{white-space:normal;flex-direction:column;gap:0;inline-size:auto;padding:0}.toolbar{grid-area:tools}.chapters{grid-area:chapters}}