/* replay-options.css: a space's Past sessions on a phone (spec C §4.6 C).
 *
 * A past session's row holds its title, a pill that now names the version in the feed ("Full recording in
 * the feed for now"), Watch, sometimes Post to the feed, and the Replay options •••. Side by side at 390 px
 * they squeezed the title to one letter a line. On a phone the row stacks, as a meetup's row already does
 * (space-live-room.css, "Eyeball seeding"): the title and its line, then the pill, then the buttons, the
 * same three lines on every row (a break after the pill, so the ••• never drops onto a line of its own). */
@media (max-width: 600px) {
  #route-spaces .cpg-item[data-slr-past] { flex-wrap: wrap; row-gap: 8px; }
  #route-spaces .cpg-item[data-slr-past] > .cpg-item-body { flex: 1 1 100%; }
  #route-spaces .cpg-item[data-slr-past] > .pill { order: 1; white-space: normal; }
  #route-spaces .cpg-item[data-slr-past]::after { content: ''; order: 2; flex: 0 0 100%; height: 0; }
  #route-spaces .cpg-item[data-slr-past] > .btn,
  #route-spaces .cpg-item[data-slr-past] > .cba-dots { order: 3; }
}