/* The accepted animated mechanism and HTML timeline, with final-report data. */
#w-flywheel .fly { width: min(100%, 440px); }
#w-flywheel .mechanism-spin { transform-box: view-box; transform-origin: 50% 50%; }
#w-flywheel .mechanism-caption { text-align: center; margin-top: 8px; }
#d-timeline .restored-timeline {
  display: grid;
  grid-template-columns: repeat(7, minmax(164px, 1fr));
  gap: 0;
  direction: rtl;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 8px 0 20px;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 4px;
  scrollbar-width: thin;
  scrollbar-color: #47b1fc88 #aab8e811;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
}
#d-timeline .restored-timeline:focus-visible { outline: 2px solid #47b1fc; outline-offset: 5px; }
#d-timeline .restored-timeline .tl__y {
  display: block;
  min-width: 0;
  padding: 0 12px 0 16px;
  scroll-snap-align: start;
}
#d-timeline .restored-timeline .tl__yr { font-size: 12px; line-height: 1.8; padding: 4px 14px; white-space: nowrap; }
#d-timeline .restored-timeline .tl__ev { margin-top: 14px; padding: 0 15px 6px 0; gap: 19px; }
#d-timeline .restored-timeline .tl__e { font-size: 11px; line-height: 1.9; text-align: start; overflow-wrap: break-word; }
#d-timeline .restored-timeline .tl__e b { font-size: 11px; margin-bottom: 3px; }
#d-timeline .restored-timeline .tl__e::before { right: -21px; }
#d-timeline .restored-timeline .tl__event-text { margin: 0; font: inherit; color: inherit; text-align: start; }
#d-timeline .restored-timeline .tl__event-text + .tl__event-text { margin-top: 8px; }
@media (max-width: 680px) {
  #w-flywheel .fly { width: min(100%, 340px); }
  #w-flywheel .fly text { font-size: 15px; }
  #w-flywheel .fly .core-t { font-size: 17px; }
  #d-timeline .restored-timeline {
    grid-template-columns: repeat(7, minmax(225px, 1fr));
    width: 100%; max-width: 100%;
    padding: 4px 0 20px;
    scroll-snap-type: x mandatory;
  }
  #d-timeline .restored-timeline .tl__y { padding-inline: 4px 26px; }
  #d-timeline .restored-timeline .tl__yr { font-size: 12px; }
  #d-timeline .restored-timeline .tl__e { font-size: 12px; line-height: 1.95; }
  #d-timeline .restored-timeline .tl__ev { margin-top: 16px; padding-right: 18px; gap: 20px; }
  #d-timeline .restored-timeline .tl__e::before { right: -24px; }
}
@media (prefers-reduced-motion: reduce) {
  #w-flywheel .mechanism-spin { animation: none !important; }
}