/* css/timeline.css — the submission_events audit trail.
   One of the files src/index.html links in order; see tokens.css for why. */

/* ==========================================================================
   Timeline — the submission_events audit trail
   ==========================================================================
   Showing it is a feature: it is exactly what districts currently reconstruct
   from email, including who filed something on whose behalf.
   ========================================================================== */
.timeline{list-style:none;margin:0;padding:0}
.timeline li{
  display:grid;grid-template-columns:9.5rem 1fr;gap:.2rem var(--gap);
  padding:.6rem 0;border-top:1px solid var(--rule);
}
.timeline li:first-child{border-top:0}
.timeline time{font-family:var(--data);font-size:.8125rem;color:var(--ink-soft)}
.timeline .what{font-weight:600}
.timeline .who{display:block;font-size:.875rem;color:var(--ink-soft)}
.timeline .detail{
  display:block;font-family:var(--data);font-size:.75rem;color:var(--ink-soft);margin-top:.2rem;
}

@media (max-width:640px){
  .timeline li{grid-template-columns:1fr}
}