/* Company history: alternating milestones on desktop, vertical on phones. */
#midwest-map-workbench .mw-history {
  grid-column: 1 / -1; margin-top: 8px; background: #173644; color: #fff;
  border-radius: 4px; overflow: hidden;
}
#midwest-map-workbench .mw-history-scroll { overflow-x: auto; padding: 30px 24px; }
#midwest-map-workbench .mw-history-scroll:focus-visible { outline: 3px solid var(--mw-orange); outline-offset: -3px; }
#midwest-map-workbench .mw-history-rail {
  display: grid; grid-template-columns: 158px 1fr; align-items: center; min-width: 1100px;
}
#midwest-map-workbench .mw-history-label {
  position: relative; z-index: 1; background: var(--mw-orange); padding: 24px 18px;
  border: 2px solid #fff; border-radius: 0 24px 24px 0; margin-left: -24px; margin-right: 12px;
}
#midwest-map-workbench .mw-history-label span { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }
#midwest-map-workbench .mw-history-label h3 { color: #fff; font: 600 31px/1.05 'Barlow Condensed', Arial, sans-serif; margin: 12px 0; }
#midwest-map-workbench .mw-history-label p { font-size: 12px; line-height: 1.5; margin: 0; }
#midwest-map-workbench .mw-history-timeline {
  position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px; list-style: none; margin: 0; padding: 0; height: 740px;
}
#midwest-map-workbench .mw-history-timeline::before {
  content: ''; position: absolute; top: 360px; left: -30px; right: 0; height: 2px; background: #ffffff55;
}
#midwest-map-workbench .mw-history-timeline li { position: relative; min-width: 0; }
#midwest-map-workbench .mw-history-timeline li::before {
  content: ''; position: absolute; top: 356px; left: calc(50% - 4px); width: 10px; height: 10px;
  border: 2px solid #fff; border-radius: 50%; background: var(--mw-orange); z-index: 1;
}
#midwest-map-workbench .mw-history-timeline li::after {
  content: ''; position: absolute; left: 50%; top: 320px; height: 40px; border-left: 1px solid #ffffff70;
}
#midwest-map-workbench .mw-history-year {
  position: absolute; top: 378px; left: 0; width: 100%; text-align: center;
  font: 600 26px/1 'Barlow Condensed', Arial, sans-serif; color: #fff;
}
#midwest-map-workbench .mw-history-icon {
  position: absolute; top: 250px; left: calc(50% - 36px); width: 72px; height: 72px;
  display: grid; place-items: center; background: #fff; color: #173644;
  border: 4px solid var(--mw-orange); border-radius: 50%;
  outline: 1px solid #ffffff60; outline-offset: 7px;
}
#midwest-map-workbench .mw-history-icon svg { width: 40px; height: 40px; }
#midwest-map-workbench .mw-history-copy { position: absolute; top: 8px; left: 0; right: 0; }
#midwest-map-workbench .mw-history-copy h4 { color: #fff; font: 600 20px/1.15 'Barlow Condensed', Arial, sans-serif; margin: 0 0 9px; }
#midwest-map-workbench .mw-history-copy p { color: #e1eaee; font-size: 12px; line-height: 1.55; margin: 0; }
#midwest-map-workbench .mw-history-timeline li:nth-child(even) .mw-history-year { top: 322px; }
#midwest-map-workbench .mw-history-timeline li:nth-child(even) .mw-history-icon { top: 400px; }
#midwest-map-workbench .mw-history-timeline li:nth-child(even) .mw-history-copy { top: 498px; }
#midwest-map-workbench .mw-history-timeline li:nth-child(even)::after { top: 362px; height: 38px; }
@media (max-width: 760px) {
  #midwest-map-workbench .mw-history-scroll { overflow-x: visible; padding: 26px 22px; }
  #midwest-map-workbench .mw-history-rail { display: block; min-width: 0; }
  #midwest-map-workbench .mw-history-label { margin: 0 0 32px; padding: 20px; border-radius: 4px 20px 20px 4px; }
  #midwest-map-workbench .mw-history-label h3 br { display: none; }
  #midwest-map-workbench .mw-history-label h3 { margin: 8px 0; }
  #midwest-map-workbench .mw-history-timeline { display: block; height: auto; }
  #midwest-map-workbench .mw-history-timeline::before { top: 0; bottom: 20px; left: 30px; right: auto; width: 2px; height: auto; }
  #midwest-map-workbench .mw-history-timeline li { padding: 0 0 34px 88px; min-height: 115px; }
  #midwest-map-workbench .mw-history-timeline li:last-child { padding-bottom: 0; }
  #midwest-map-workbench .mw-history-timeline li::before, #midwest-map-workbench .mw-history-timeline li::after { display: none; }
  #midwest-map-workbench .mw-history-timeline li .mw-history-icon { top: 4px; left: 0; width: 62px; height: 62px; outline-offset: 4px; }
  #midwest-map-workbench .mw-history-timeline li .mw-history-year { position: static; display: block; width: auto; text-align: left; margin: 0 0 10px; color: #ffb17c; }
  #midwest-map-workbench .mw-history-timeline li .mw-history-copy { position: static; }
  #midwest-map-workbench .mw-history-copy h4 { font-size: 23px; }
  #midwest-map-workbench .mw-history-copy p { font-size: 14px; }
}