:root{--paper:#fcfaf4;--ink:#292929;--muted:#66645f;--line:#c9c6bf;--accent:#98271e;--link:#32647b;font:17px/1.6 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);color-scheme:light;scroll-behavior:smooth;scroll-padding-top:28px}*{box-sizing:border-box}body{margin:0;border-top:4px solid #c66a40}h1,h2,h3,p{margin:0}a{color:var(--link);text-underline-offset:3px}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--link)}button{border:0;background:none}summary{cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.masthead{background:#3d3d3b;color:white}.masthead-inner{min-height:84px;display:flex;align-items:center;gap:35px}.masthead a{color:inherit;text-decoration:none}.wordmark{font-size:16px;font-weight:700;letter-spacing:.07em}.masthead nav{display:flex;flex-wrap:wrap;gap:24px;font-size:14px}.masthead nav a:hover,.home-link:hover{text-decoration:underline}.home-link{margin-left:auto;font-size:13px;white-space:nowrap}.hero{text-align:center;padding-block:43px 28px;max-width:900px}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--muted);font-weight:700;margin-bottom:9px}.hero h1{font:700 clamp(38px,5vw,59px)/1.15 Georgia,'Times New Roman',serif}.hero-subtitle{font-size:18px;margin-top:13px}.edition{font-size:13px;color:var(--muted);margin-top:14px}.edition span{padding-inline:7px}.intro-note{margin:16px auto 0;max-width:780px;font-size:13px}.intro-note summary{color:var(--link);list-style:none}.intro-note summary:after{content:' ⌄'}.intro-note[open] summary:after{content:' ⌃'}.intro-note p{margin-top:12px;text-align:left;color:var(--muted)}.explore{padding-top:14px}.explore>h2{text-align:center;font:700 40px/1.15 Georgia,serif}.timeline-intro{text-align:center;color:var(--muted);font-size:14px;margin-top:10px}.timeline-tools{margin-top:21px}.year-navigation{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 6px;max-width:760px;margin-inline:auto}.year-navigation a{font-size:13px;padding:3px 8px;border-radius:3px;text-decoration:none}.year-navigation a:hover,.year-navigation a:focus-visible{background:#eee8df;color:var(--accent)}.year-controls{display:flex;justify-content:center;gap:22px;margin-top:13px}.year-controls[hidden]{display:none}.year-controls button{padding:4px 0;color:var(--link);font-size:13px}.year-controls button:hover{text-decoration:underline}.selection-status{max-width:780px;margin:16px auto 25px;text-align:center;color:var(--muted);font-size:12px;min-height:20px}.reset-selection{padding:0;margin-left:10px;font-size:12px;color:var(--link);text-decoration:underline}.timeline{position:relative;padding-bottom:30px}.timeline:before{content:'';position:absolute;top:20px;bottom:20px;left:calc(50% - 3px);width:6px;background:var(--accent);border-radius:3px}.timeline-year{position:relative;margin:0;padding:0 0 27px}.timeline-year>summary{list-style:none;position:relative;z-index:1;width:164px;margin:0 auto;text-align:center;scroll-margin-top:30px}.timeline-year>summary::-webkit-details-marker{display:none}.year-pill{display:flex;align-items:center;justify-content:center;gap:15px;background:var(--accent);color:white;border-radius:24px;padding:5px 18px;font-weight:700;line-height:1.5;font-size:20px;border:3px solid var(--paper)}.year-chevron{border:solid currentColor;border-width:0 1.5px 1.5px 0;padding:3px;transform:rotate(-45deg);transition:transform .15s}.timeline-year[open] .year-chevron{transform:rotate(45deg) translateY(-2px)}.timeline-year>summary:hover .year-pill{background:#761c15}.year-body{padding-top:26px}.number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--story);color:var(--story);font-size:11px;font-weight:700;flex-shrink:0;background:#fff}.year-events{position:relative;display:flow-root}.event-note{position:relative;background:#fff;border:1px solid #a9a7a1;width:calc(50% - 45px);margin-bottom:22px;padding:22px 24px;scroll-margin-top:30px}.event-note:nth-child(even){margin-left:calc(50% + 45px)}.event-note:nth-child(odd){margin-right:calc(50% + 45px)}.event-note:before{content:'';position:absolute;top:32px;width:17px;height:17px;background:inherit;border-top:1px solid #a9a7a1;border-right:1px solid #a9a7a1;right:-9px;transform:rotate(45deg)}.event-note:nth-child(even):before{left:-9px;right:auto;transform:rotate(-135deg)}.event-note:after{content:'';position:absolute;top:29px;right:-56px;width:20px;height:20px;border:3px solid var(--paper);border-radius:50%;background:var(--accent)}.event-note:nth-child(even):after{right:auto;left:-56px}.event-year{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:0;color:var(--accent);font-weight:700;font-size:12px;line-height:1.5;text-align:left}.event-year>span:last-child{font-size:18px}.event-note h3{font:700 23px/1.25 Georgia,serif;margin-top:9px;margin-bottom:12px}.event-note>p{font-size:16px;line-height:1.65}.event-watches{display:flex;flex-direction:column;gap:13px;margin-top:20px;border-top:1px solid #e2dfd8;padding-top:15px}.event-watches:empty{display:none}.event-watch{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;line-height:1.35;text-decoration:none}.event-watch small{display:block;font-size:10px;line-height:1.5;font-weight:400;color:var(--muted);margin-top:4px}.event-watch>span:last-child{margin-left:auto;flex-shrink:0}.event-watch:hover>span:nth-child(2){text-decoration:underline}.event-sources{font-size:11px;margin-top:18px;color:var(--muted)}.source-links{font-size:11px;line-height:1.8;margin-top:9px;overflow-wrap:anywhere}.coverage-gap{border-left:2px solid var(--accent);font-size:13px!important;margin-top:15px;padding-left:12px}.viewing-guide{border-top:1px solid var(--line);padding-top:42px;scroll-margin-top:25px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.section-heading h2{font:700 34px/1.2 Georgia,serif}.section-heading>p{font-size:13px;max-width:320px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:start}.story-card{position:relative;border:1px solid #bdb9af;background:white;padding:28px;scroll-margin-top:25px;min-width:0}.card-index{position:absolute;top:25px;left:25px}.card-index .number{width:32px;height:32px;font-size:13px}.card-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:10px;color:var(--muted);padding-left:43px;min-height:35px;align-items:start}.score{margin-left:auto;font-size:13px;color:var(--ink)}.score a{color:inherit;text-decoration:none}.score a:hover{text-decoration:underline}.score small{font-size:9px}.score-date{display:block;font-size:8px!important;color:var(--muted);margin-top:2px}.story-card h3{font:700 29px/1.2 Georgia,serif;margin-top:20px;margin-bottom:18px}.coverage-label{font-size:10px;letter-spacing:.04em;color:var(--muted);margin-bottom:7px}.coverage-label strong{color:var(--story);margin-left:7px;font-size:12px;letter-spacing:0}.coverage-strip{display:grid;grid-template-columns:repeat(var(--years),minmax(0,1fr));gap:2px;margin-bottom:22px}.coverage-year{display:flex;align-items:center;justify-content:center;padding:5px 0;font-size:9px;line-height:1.5;color:#76746e;background:#f0efeb;border-bottom:3px solid #e4e1d9;text-decoration:none;min-width:0}.coverage-year.covered{background:var(--story);color:white;border-color:var(--story);font-weight:700}.coverage-year.covered:hover{outline:2px solid var(--ink);outline-offset:0;position:relative;z-index:1}.premise{font-size:17px;margin-bottom:16px}.learning{font-size:15px;color:#5b5a55}.learning b{display:block;font-size:12px;color:var(--ink);margin-bottom:4px}.event-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.event-chip{padding:5px 8px;border:1px solid #d5d0c5;text-decoration:none;font-size:10px;line-height:1.5}.event-chip:hover{background:#f1ece2}.story-card details{font-size:12px;margin-top:18px;color:var(--muted)}.story-card details>p{margin-top:12px}.is-related{background:#fff7e8}.event-note.is-related,.event-note.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.event-note.is-related:before,.event-note.is-selected:before{border-color:var(--accent)}.story-card.is-related{outline:2px solid var(--accent);outline-offset:3px}.event-watch.is-related{outline:1px solid var(--accent);outline-offset:4px}.event-year[aria-pressed=true]{color:#641910}.method{margin-top:50px;padding-top:30px;padding-bottom:35px;border-top:1px solid var(--line);max-width:850px}.method h2{font:700 30px/1.2 Georgia,serif;margin-bottom:20px}.method>p:not(.eyebrow){font-size:15px;line-height:1.8;margin-bottom:15px}.scope-note{font-size:14px;margin-block:20px}.scope-note>p{margin-top:13px;color:var(--muted)}.design-credit{font-size:12px!important;color:var(--muted);margin-top:25px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:22px;font-size:10px;color:var(--muted)}.skip{position:fixed;top:-100px;left:15px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:950px){.wrap{width:calc(100% - 44px)}.masthead-inner{gap:22px}.wordmark{font-size:13px}.masthead nav{gap:16px;font-size:13px}.event-note{padding:20px}.event-note h3{font-size:21px}.cards{gap:20px}.story-card{padding:24px}.card-index{top:22px;left:22px}.coverage-strip{grid-template-columns:repeat(var(--strip-columns),minmax(0,1fr));row-gap:6px}.coverage-year{font-size:10px}.story-card h3{font-size:27px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.masthead-inner{flex-wrap:wrap;padding-block:17px;gap:15px}.wordmark{font-size:12px}.home-link{font-size:12px}.masthead nav{order:3;width:100%;gap:23px;font-size:12px}.hero{padding-block:30px 20px}.hero h1{font-size:41px}.hero-subtitle{font-size:16px;line-height:1.5}.edition{font-size:11px}.intro-note{font-size:12px}.explore>h2{font-size:34px}.timeline-intro{font-size:13px;max-width:260px;margin-inline:auto}.year-navigation{gap:3px}.year-navigation a{font-size:12px;padding:4px 7px}.year-controls{gap:20px}.selection-status{font-size:11px;margin-block:14px 20px;text-align:left}.timeline:before{left:17px;width:5px}.timeline-year{padding-bottom:24px}.timeline-year>summary{margin-left:0;margin-right:0;width:138px}.year-pill{font-size:18px;padding-block:4px;justify-content:space-between;padding-inline:22px}.year-body{padding-top:22px}.event-note,.event-note:nth-child(even),.event-note:nth-child(odd){width:calc(100% - 41px);margin-left:41px;margin-right:0;padding:20px 18px;margin-bottom:20px}.event-note:before,.event-note:nth-child(even):before{left:-9px;right:auto;transform:rotate(-135deg);top:30px}.event-note:after,.event-note:nth-child(even):after{left:-33px;right:auto;top:28px;width:20px;height:20px}.event-note h3{font-size:23px}.event-note>p{font-size:16px}.event-watch{font-size:12px}.event-watch small{font-size:10px}.event-watch .number{width:24px;height:24px;font-size:10px}.event-year{font-size:10px}.section-heading{display:block}.section-heading h2{font-size:31px}.section-heading>p{margin-top:12px;max-width:100%;font-size:13px}.cards{grid-template-columns:1fr;gap:22px}.story-card{padding:23px 20px}.card-index{top:23px;left:20px}.card-meta{padding-left:44px;font-size:9px;gap:7px 13px}.score{margin-left:0;flex-basis:100%;font-size:12px}.score-date{font-size:8px!important}.story-card h3{font-size:29px}.coverage-strip{grid-template-columns:repeat(var(--strip-columns),minmax(0,1fr));gap:3px;row-gap:7px}.coverage-year{font-size:9px;padding-block:5px}.premise{font-size:17px}.learning{font-size:16px}.event-chip{font-size:10px}.method{margin-top:35px;padding-block:25px}.method h2{font-size:28px}.method>p:not(.eyebrow){font-size:15px}footer{flex-wrap:wrap;font-size:9px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}

/* Two aligned views: an overview by year, and continuous lanes alongside history. */
:root{scrollbar-gutter:stable}.overview{margin-top:32px;scroll-margin-top:24px}.overview>h3,.timeline-tools>h3{font:700 27px/1.2 Georgia,serif;text-align:center}.overview>p{max-width:760px;text-align:center;margin:10px auto 18px;color:var(--muted);font-size:13px}.overview-scroll{overflow:auto;border:1px solid var(--line);background:#fff}.overview-chart{min-width:calc(260px + var(--years)*44px);padding:15px 18px}.overview-heading,.overview-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:10px;align-items:center}.overview-heading>span{font-size:10px;letter-spacing:.05em;color:var(--muted)}.overview-axis{display:grid;grid-template-columns:repeat(var(--years),minmax(0,1fr));text-align:center;font-size:11px}.overview-axis>a{text-decoration:none}.overview-row{min-height:46px;border-bottom:1px solid #e2dfd8}.overview-title{position:sticky;left:-18px;z-index:2;display:flex;align-items:center;gap:9px;background:white;min-height:46px;padding:6px 8px 6px 0;color:var(--ink);text-decoration:none;font-size:12px;line-height:1.3}.overview-title>span:nth-child(2){min-width:0}.overview-title .number{width:24px;height:24px;font-size:10px}.overview-title small{margin-left:auto;font-size:10px;white-space:nowrap}.overview-title:hover>span:nth-child(2){text-decoration:underline}.overview-track{height:28px;position:relative;display:block;background:repeating-linear-gradient(to right,#e5e2dc 0,#e5e2dc 1px,transparent 1px,transparent calc(100% / var(--years)));text-decoration:none}.overview-range{position:absolute;left:var(--start);width:var(--length);height:100%;border:2px solid white;background:var(--story);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;white-space:nowrap}.overview-event-row{padding-top:14px;align-items:start}.overview-events>span{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.overview-events a{font-size:9px;border:1px solid #b99b91;min-width:17px;text-decoration:none;color:var(--accent);border-radius:50%;line-height:17px}.overview-title.is-related{background:#fff0d5}.overview-track.is-related{outline:2px solid var(--accent);outline-offset:2px}.scroll-hint{font-size:11px!important;color:var(--muted);margin-top:10px!important}.timeline-tools{margin-top:45px}.timeline-tools>h3{margin-bottom:20px}.span-key{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px auto 8px;font-size:12px;flex-wrap:wrap}.bar-key{display:inline-block;width:25px;height:8px;background:#52677a}.dot-key{display:inline-block;width:10px;height:10px;border:2px solid #52677a;border-radius:50%;margin-left:10px;background:white}.span-explanation{max-width:740px;margin:auto;text-align:center;color:var(--muted);font-size:12px}.vertical-hint{display:none}.timeline-viewport{overflow-x:auto;overflow-y:hidden;padding:5px 5px 20px;margin-inline:-5px}.timeline{--lane-size:23px;--lane-gap:4px;--rail-width:calc(var(--lanes)*(var(--lane-size) + var(--lane-gap)));display:grid;grid-template-columns:repeat(var(--lanes),var(--lane-size)) minmax(0,1fr);column-gap:var(--lane-gap);min-width:calc(var(--rail-width) + 560px);padding-bottom:25px;isolation:isolate}.timeline:before{left:calc((100% + var(--rail-width))/2 - 3px);z-index:-1}.timeline-year{grid-column:var(--event-column);min-width:0;min-height:95px;padding-bottom:26px}.year-body{padding-top:24px}.event-note,.event-note:nth-child(odd){width:calc(50% - 29px);margin-right:calc(50% + 29px);padding:18px}.event-note:nth-child(even){width:calc(50% - 29px);margin-left:calc(50% + 29px);margin-right:0}.event-note:after{right:-40px}.event-note:nth-child(even):after{left:-40px}.event-note h3{font-size:22px}.event-note>p{font-size:15px}.film-span{grid-column:var(--lane);min-height:0;margin-block:18px 27px;align-self:stretch;position:relative;z-index:2;background:var(--story);color:white;text-decoration:none;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff30;transition:opacity .15s}.span-label{writing-mode:vertical-rl;display:block;position:sticky;top:20px;max-height:min(420px,calc(100vh - 65px));max-width:100%;padding:10px 3px;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.film-span:hover,.film-span:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.film-span.is-related{background:var(--story);outline:2px solid var(--ink);outline-offset:2px}.has-story-selection .film-span:not(.is-related){opacity:.3}.span-event{grid-column:var(--lane);align-self:start;justify-self:center;width:11px;height:11px;border:2px solid var(--story);background:white;border-radius:50%;z-index:3;transform:translateY(calc(var(--marker-top) - 50%));display:none}.markers-ready .span-event:not([hidden]){display:block}.span-event.is-related{width:15px;height:15px;box-shadow:0 0 0 2px white;background:var(--story)}.has-story-selection .span-event:not(.is-related){opacity:.25}.span-event:hover,.span-event:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.viewing-guide[hidden]{display:none}.modal-open{overflow:hidden}.movie-modal{padding:0;border:1px solid #a7a297;border-radius:5px;background:var(--paper);color:var(--ink);width:min(840px,calc(100% - 36px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 18px 90px #0006}.movie-modal::backdrop{background:#16191bc2}.modal-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;border-bottom:1px solid var(--line);background:var(--paper)}.modal-toolbar>span{font-size:10px;letter-spacing:.1em;color:var(--muted)}.modal-close{font-size:14px;font-weight:700;padding:4px 0 4px 12px;color:var(--ink)}.modal-close>span{font-size:23px;line-height:1;margin-left:10px;vertical-align:-1px}.modal-content .story-card{margin:0;border:0;outline:0;border-radius:0;background:white;padding:28px 30px;scroll-margin:0}.modal-content .card-index{left:30px;top:26px}.modal-content .card-meta{padding-left:45px}.modal-content .story-card h3{font-size:34px;margin-top:22px}.modal-content .coverage-strip{grid-template-columns:repeat(var(--years),minmax(0,1fr))}.modal-content .coverage-year{font-size:10px}.modal-content .learning,.modal-content .premise{max-width:none}.modal-content .story-card details{font-size:13px}.modal-content .event-chips{margin-block:22px}.modal-content .event-chip{font-size:12px}.modal-content .score{margin-left:auto;flex-basis:auto}
@media(max-width:1000px){.vertical-hint{display:block;text-align:center}.event-note h3{font-size:21px}.span-label{font-size:11px}}
@media(max-width:700px){.overview{margin-top:26px}.overview>h3,.timeline-tools>h3{font-size:25px}.overview>p{font-size:12px;text-align:left}.overview-chart{min-width:calc(175px + var(--years)*43px);padding:12px}.overview-heading,.overview-row{grid-template-columns:160px minmax(0,1fr);gap:8px}.overview-heading>span{position:sticky;left:-12px;z-index:3;background:white;font-size:9px;padding-block:5px}.overview-title{left:-12px;font-size:11px;padding-right:8px;gap:7px}.overview-title .number{width:22px;height:22px;font-size:9px}.overview-title small{display:none}.overview-range{font-size:9px}.overview-axis{font-size:10px}.timeline-tools{margin-top:30px}.span-key{font-size:11px;gap:7px}.span-explanation{font-size:11px;text-align:left}.timeline{grid-template-columns:280px repeat(var(--lanes),var(--lane-size));min-width:calc(280px + var(--rail-width));}.timeline-year{grid-column:1}.timeline:before{left:17px}.film-span,.span-event{grid-column:calc(var(--lane) + 1)}.event-note,.event-note:nth-child(even),.event-note:nth-child(odd){width:calc(100% - 41px);margin-left:41px;margin-right:0;padding:18px 15px}.event-note:after,.event-note:nth-child(even):after{left:-33px;right:auto}.event-note h3{font-size:22px}.event-note>p{font-size:15px}.year-body{padding-top:22px}.vertical-hint{text-align:left}.movie-modal{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.modal-toolbar{padding:10px 17px;gap:10px}.modal-toolbar>span{font-size:9px}.modal-content .story-card{padding:24px 20px}.modal-content .card-index{left:20px;top:24px}.modal-content .story-card h3{font-size:29px}.modal-content .card-meta{font-size:9px}.modal-content .score{margin-left:0;flex-basis:100%}.modal-content .coverage-strip{grid-template-columns:repeat(var(--strip-columns),minmax(0,1fr))}.modal-content .coverage-year{font-size:9px}.modal-content .event-chip{font-size:11px}}

.film-span{overflow:hidden}.span-label{position:absolute;top:10px;max-height:min(420px,calc(100vh - 65px),calc(100% - 20px))}.span-event{justify-self:end;margin-right:-3px}
/* Moving a single span label must not become the browser's scroll anchor. */
.film-span,.span-label,.span-event{overflow-anchor:none}

/* Keep year labels readable in long-history cards and dialogs. */
.modal-content .coverage-strip{grid-template-columns:repeat(var(--strip-columns),minmax(0,1fr))}

/* A century fits the same overview; milestone rows keep the event view readable. */
.long-timeline .overview-chart{min-width:980px}.long-timeline .overview-axis{font-size:10px}.long-timeline .overview-range{overflow:hidden;font-size:9px}.long-timeline .modal-content .coverage-strip,.long-timeline .coverage-strip{grid-template-columns:repeat(var(--strip-columns),minmax(0,1fr))}.long-timeline .overview-events a{display:block;min-width:0;width:6px;height:6px;line-height:0;font-size:0;background:var(--accent);border:0}.long-timeline .overview-events>span{gap:6px}.long-timeline .overview-axis>a{min-height:20px}.long-timeline .overview-dates{display:block;margin:3px 0 0;color:var(--muted);font-size:9px}.long-timeline .overview-axis>a:hover{background-color:#fff0d5}
@media(max-width:700px){.long-timeline .overview-chart{min-width:900px}.long-timeline .overview-title .overview-dates{display:block}}