/* A record's timeline (records/show), in one grammar (the Overview's
   redesign, owner, 2026-10-20: "the emails, with their big fonts and fat
   letters … I don't quite know where I have to look"). What was written — a
   mail, a note — stands under its byline: what it is about at 500 on one
   line, one line of its words, its counts. A change is one quiet line. Nothing
   on it is bigger or bolder than the record's own name. The thread's gutter
   and hairlines are comments.css's, as before. */
@layer components {
  .record-timeline {
    /* A name is the one bold thing in a line, at the weight of a title. */
    strong {
      font-weight: 600;
    }

    .day-divider {
      margin-block: var(--block-space-double) var(--block-space-half);
    }

    /* What a change is about — a to-do's title, cut to a line's worth
       (RecordsHelper#event_run_sentence) — is ink, and underlines only when
       pointed at, as an entry's title. */
    .event a {
      text-decoration: none;
    }
  }

  /* With .overflow-ellipsis, which says the one line. At the size of the
     words under it and a weight above them, never a heading (owner,
     2026-10-20: "those email headers could be a little smaller"). */
  .record-timeline__title {
    display: block;
    margin-block-start: calc(var(--block-space-half) / 2);
    font-size: var(--text-small);
    font-weight: 500;
    text-decoration: none;
  }
}