/* The run, then the act that leaves it. Two bands, one rung apart at the PEER
 *  rhythm (`constitution.md` §2) — the act is not another row of the checklist,
 *  and at the row rung it would read as one. */
@layer theme, base, lotics, components, utilities;
@layer lotics.tokens, lotics.reset, lotics.components;

@layer lotics.components {
  .lotics-record-progress {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
    gap: var(--lotics-space-24);
  }

  /* The act's OWN row, so the control sizes to its verb and the row sits on the
     section's left edge. Two boxes at most — the next stage and the ⋯ holding
     every other move — so nothing here wraps. */
  .lotics-record-progress__act {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--lotics-space-8);
    min-width: 0;
  }
}