* { box-sizing: border-box; }
html, body { margin: 0; background: #fff; color: #17191a; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.history-controls { padding: 16px 20px; background: #eefafd; border-bottom: 1px solid #d9e3e7; }
.history-controls[hidden] { display: none; }
.history-controls label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 8px; }
.history-controls select { display: block; width: 100%; min-width: 0; min-height: 44px; padding: 8px; border: 1px solid #aebdc3; background: #fff; color: #17191a; font: inherit; font-size: 16px; }
.history-buttons { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 8px; }
.history-buttons button { min-height: 44px; padding: 8px 12px; font: inherit; font-size: 14px; border: 1px solid #aebdc3; background: #fff; color: #0b252e; cursor: pointer; }
.history-buttons button:disabled { opacity: .45; cursor: default; }
#history-position { font-size: 14px; }
:focus-visible { outline: 3px solid #0d7695; outline-offset: 2px; }
#timeline-embed { width: 100%; height: 540px; }
#history-loading { padding: 20px; }
.history-alternative { margin: 0; padding: 12px 20px; font-size: 14px; }
.history-alternative a { color: #0d7695; text-underline-offset: 3px; }
.tl-timeline .tl-headline, .tl-timeline p, .tl-timeline .tl-caption, .tl-timeline .tl-headline-date { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }
.tl-timeline .tl-text .tl-headline { color: #0b252e; font-size: 28px; line-height: 1.2; }
.tl-timeline .tl-text p { font-size: 16px; line-height: 1.55; color: #17191a; }
.tl-timeline .tl-caption { font-size: 13px; line-height: 1.4; color: #596267; }
.tl-timeline .tl-slidenav-previous .tl-slidenav-title, .tl-timeline .tl-slidenav-next .tl-slidenav-title { filter: none; opacity: 1; }
.tl-timeline .tl-attribution a { color: #596267; }
.tl-timeline .tl-attribution .tl-knightlab-logo { background-color: #596267; }
.tl-timeline .tl-timemarker:not(.tl-timemarker-active) .tl-timemarker-text h2.tl-headline, .tl-timeline .tl-timemarker:not(.tl-timemarker-active) .tl-timemarker-text h2.tl-headline p { color: #596267; }
.tl-timeline .tl-menubar-button { min-width: 44px; min-height: 44px; }
.tl-timeline .tl-text h3.tl-headline-date,
.tl-timeline .tl-text h3.tl-headline-date small,
.tl-timeline .tl-menubar .tl-menubar-button,
.tl-timeline .tl-timeaxis .tl-timeaxis-tick-text { color: #596267; }
.tl-timeline .tl-timeaxis .tl-timeaxis-tick-text { color: #596267 !important; }
.tl-timeline .tl-menubar .tl-menubar-button:hover,
.tl-timeline .tl-menubar .tl-menubar-button:focus-visible { color: #0b252e; background: #eefafd; }
.tl-timeline .tl-menubar .tl-menubar-button:disabled { opacity: .45; }
@media(max-width: 650px) {
  .history-controls { padding: 12px; }
  .tl-timeline .tl-text .tl-headline { font-size: 23px; }
  .tl-timeline .tl-slidenav-previous, .tl-timeline .tl-slidenav-next { display: none !important; }
  .tl-timeline .tl-slide .tl-slide-content { width: 100% !important; padding: 20px !important; }
  .tl-timeline .tl-slide .tl-slide-content-container { padding-top: 0; }
  .tl-timeline .tl-slide .tl-media { width: 100%; max-width: 100% !important; }
  .tl-timeline .tl-slide .tl-text { padding-top: 0; margin-top: 0; }
}