@layer components {
  /* Whether what you just typed is saved, and nothing else — the footer's only
     job now that who captured the task is left to the activity below it.

     It used to be the tail of a sentence and carried a middle dot to separate
     itself from the rest of it. Standing alone, that dot was punctuation
     joining nothing, and it showed even with no message to introduce: the span
     is never :empty, because ERB leaves whitespace in it. */
  .autosave { color: var(--ink-faint); font-size: var(--text-sm); }
  .autosave--error { color: var(--danger); font-weight: var(--weight-medium); }
}