/* Headline: the one sentence an order is about, with its stage beside it. The sentence leads and
   the chip follows it on the same line, wrapping under it when there is no room, because the
   sentence is the thing being read and the stage is a label on it. */
.headline {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2);
}

.headline-sentence {
  font-size: var(--text-display-5);
  line-height: var(--leading-section);
  letter-spacing: var(--tracking-section);
  margin: 0;
}