@layer components {
  /* Sign up, right under Exhale Vault's wrap-up, on the message's own left edge. */
  .sign-up-prompt {
    display: flex;
    inline-size: var(--size-fill);
    max-inline-size: var(--measure);
    margin-inline: auto;
    margin-block-start: var(--space-4);
    padding-inline-start: calc(var(--message-avatar-track) + var(--space-2));
  }

  /* Once they carry on, their next line lands after it and the wrap-up's call has passed. */
  .transcript__messages > .sign-up-prompt:not(:last-child) {
    display: none;
  }
}