/* People — layout unique to this page. */
@layer page {
  /* Needs attention: the names in the sentences read as names (bulletList carries the list look). */
  #attn a { font-weight: 600; color: var(--text); }

  /* The bulk bar shows while any row is selected; the visible count is a CSS counter over the checked boxes
     (no round trip; the server's words in the bar's live text say it to screen readers). */
  #bulk-form { counter-reset: sel; }
  #bulk-form input[name="sel"]:checked { counter-increment: sel; }
  .us-bulk-n::before { content: counter(sel); }
  #bulk { display: none; }
  #bulk-form:has(input[name="sel"]:checked) #bulk { display: flex; }

  /* The enrolment bar's wrapper is the stable live region; it adds no box, so the bar sticks within the page. */
  #enrolbar { display: contents; }
}