/* Data reveal: the same upward entrance and stagger as the brand stripes. */
@media(prefers-reduced-motion:no-preference){
  #workspace-content>section:not(.hidden)>*{animation:data-section-enter 340ms cubic-bezier(.22,1,.36,1) both}
  #workspace-content>section:not(.hidden)>:nth-child(2){animation-delay:140ms}
  #workspace-content>section:not(.hidden)>:nth-child(3){animation-delay:280ms}
  #workspace-content>section:not(.hidden)>:nth-child(n+4){animation-delay:420ms}
  .detail-card[open]>.strategy-card{animation:data-section-enter 340ms cubic-bezier(.22,1,.36,1) both}
  :is(#chart,#pace-chart,#strategy-chart,#track-map,#quali-delta,#telemetry-chart,#race-history-chart,#position-chart)>svg{animation:data-section-enter 340ms cubic-bezier(.22,1,.36,1) both}
  .trend-cards>.trend-card{animation:data-section-enter 340ms cubic-bezier(.22,1,.36,1) both}
  .trend-cards>.trend-card:nth-child(2){animation-delay:140ms}
  .trend-cards>.trend-card:nth-child(n+3){animation-delay:280ms}
}
@keyframes data-section-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}