/* ——— Wrap-up's bands ———
   The other reading of a day: a project chip, and under it one band per kind
   of thing that moved. Layout is utilities — the band is a flex row and the
   list grows — so all this file owns is the glyph in the gutter, which is the
   one thing no utility can say.

   Everything else the band shows belongs elsewhere: the chip to badges.css,
   the rows to rows.css, the box to switches.css. */
@layer components {
  .wrap-up__kind {
    /* Half a line down, so the mark meets the middle of the first row's text
       rather than the top of its box — the same arithmetic the trail's glyph
       uses, and for the same reason: it is answering to a line, not to a
       container. */
    margin-block-start: calc(0.5lh - 0.5em);
    color: var(--color-ink-faint);
  }

  /* A band's rows already sit under a chip that names the place, so they are
     indented to the glyph rather than to the section — the glyph is the thing
     they belong to, and the eye should be able to draw that line. */
  .wrap-up__band + .wrap-up__band {
    margin-block-start: var(--block-space-half);
  }
}