/* 2020: year and launch phrase share the same blue on the white background. */
html body.history-page .htl-ch:has(+ #history-2020)::before {
  bottom: -41.8px;
}
html body.history-page #history-2020 {
  --history-year-size: 76px;
  background: transparent;
}
html body.history-page #history-2020 .htl-year {
  font-size: var(--history-year-size);
  margin-left: -40px;
  padding-right: 24px;
  color: #168ac1;
  font-weight: 800;
}
html body.history-page #history-2020::after {
  background: #168ac1;
  box-shadow: 0 0 0 1px #168ac1;
}
html body.history-page #history-2020 .htl-body {
  padding-top: calc(var(--history-mark-y) - 22.2px);
  background: transparent;
  border: 0;
  box-shadow: none;
}
html body.history-page #history-2020 .htl-body p {
  /* Feed the shared !important body-copy rules their scoped values. */
  --r2-body-copy-size: 24px;
  --r2-body-copy-weight: 800;
  --r2-body-copy-leading: 1.85;
  --r2-body-copy-color: #171717;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #171717;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.85;
}
html body.history-page #history-2020 .htl-body strong {
  color: #168ac1;
  font-size: inherit;
  font-weight: inherit;
}
@media (max-width: 768px) {
  html body.history-page .htl-ch:has(+ #history-2020)::before { bottom: -35.2px; }
  html body.history-page #history-2020 { --history-year-size: 64px; }
  html body.history-page #history-2020 .htl-year { margin-left: 0; padding-right: 0; }
  html body.history-page #history-2020 .htl-body { padding-top: 0; }
}