.timeline-heading{text-align:center;padding:65px 24px 45px;background:linear-gradient(#f7f5efe8,#f7f5eff5),url('../images/map-desktop.jpg') center 40%/cover}.eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:3px;color:var(--gold)}.timeline-heading h1{font-size:clamp(38px,5vw,62px);font-weight:400;margin:15px 0}.timeline-heading>p:not(.eyebrow){font-size:23px;line-height:1.4}.timeline-span{font-size:15px;color:var(--muted);line-height:1.6}.era-nav{display:flex;justify-content:center;gap:35px;padding:20px 24px;border-top:1px solid #dfd8c8;border-bottom:1px solid #dfd8c8;flex-wrap:wrap}.era-nav a{font-size:17px}.era-nav a:hover{color:var(--gold);text-decoration:underline}.timeline-wrap{max-width:1080px;margin:auto;padding:0 30px 60px}.timeline-intro{max-width:660px;text-align:center;font-size:19px;line-height:1.6;margin:40px auto 55px;color:var(--muted)}.era{scroll-margin-top:25px}.era>h2{text-align:center;font-size:29px;font-weight:400;margin:45px 0 30px}.era>h2 span{display:block;color:var(--gold);font-size:15px;letter-spacing:1px;margin-top:8px}.event-list{list-style:none;margin:0;padding:0;position:relative}.event-list:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#c6b58c}.event-list li{width:50%;padding:0 38px 30px 0;position:relative}.event-list li:nth-child(even){margin-left:50%;padding:0 0 30px 38px}.event-list li:after{content:'';position:absolute;top:24px;right:-6px;width:11px;height:11px;background:var(--gold);border:3px solid var(--cream);border-radius:50%}.event-list li:nth-child(even):after{right:auto;left:-5px}.event{background:#fffdf8;border:1px solid #e6dfd1;padding:26px 28px;box-shadow:0 4px 18px #33250904}.event-date{font-size:24px;color:var(--gold);margin:0 0 8px}.event-place{font-family:Arial,sans-serif;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin:0 0 20px}.event h3{font-size:25px;font-weight:400;line-height:1.2;margin:0 0 14px}.event>p:not(.event-date):not(.event-place){font-size:17px;line-height:1.6}.event .research-note{border-left:2px solid #bc9a56;padding-left:13px;color:var(--muted);font-style:italic}.event details{border-top:1px solid #e6dfd1;padding-top:14px;margin-top:20px;font-size:14px;color:var(--muted);line-height:1.5}.event summary{cursor:pointer;color:var(--gold)}.event summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.timeline-sources{max-width:700px;margin:55px auto 0;border-top:1px solid #c6b58c;padding-top:28px;text-align:center}.timeline-sources h2{font-weight:400;font-size:28px}.timeline-sources p{font-size:17px;color:var(--muted);line-height:1.6}.timeline-sources a{color:var(--gold);text-decoration:underline}@media(max-width:700px){.timeline-heading{padding:42px 22px 30px}.timeline-heading>p:not(.eyebrow){font-size:20px}.era-nav{gap:15px 24px}.era-nav a{font-size:15px}.timeline-wrap{padding:0 20px 40px}.timeline-intro{font-size:18px;margin:30px auto}.era>h2{text-align:left;margin-left:25px;font-size:27px}.event-list:before{left:5px}.event-list li,.event-list li:nth-child(even){width:100%;margin-left:0;padding:0 0 22px 25px}.event-list li:after,.event-list li:nth-child(even):after{left:0;right:auto}.event{padding:23px 20px}.event h3{font-size:24px}.timeline-span{display:block;max-width:300px;margin:auto}}
.era-note{max-width:620px;margin:-14px auto 32px;text-align:center;font-size:17px;line-height:1.6;color:var(--muted);font-style:italic}.event-tag{display:inline-block;margin:0 0 12px;padding:3px 10px;border:1px solid #bc9a56;border-radius:20px;font:11px/1.4 Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold)}.era.possible .event{border-style:dashed;border-color:#cdbb92;background:transparent;box-shadow:none}.era.possible .event-list:before{width:0;background:none;border-left:1px dashed #c6b58c}.era.possible .event-list li:after{background:var(--cream);border:2px solid var(--gold);width:12px;height:12px}.event details a{color:var(--gold);text-decoration:underline}@media(max-width:700px){.era-note{text-align:left;margin:-10px 0 24px 25px}}