@layer components {
  .users-table { min-width: 850px; table-layout: fixed; }
  .users-table :is(th, td) { padding: .85rem .8rem; font-size: .8rem; }
  .users-table td { overflow-wrap: anywhere; }
  #user-search-hint { display: block; font-size: .72rem; margin-top: .3rem; }
  .user-abilities-table { min-width: 1200px; }
  .user-abilities-table th[scope=row] { min-width: 145px; vertical-align: top; text-transform: none; }
  .user-abilities-note { padding: 1rem 1.4rem; margin: 0; color: var(--muted); font-size: .8rem; }
  .user-abilities-table td { vertical-align: top; }
  .user-abilities-table ul { margin: 0; padding-left: 1rem; }
  .user-abilities-table li + li { margin-top: .25rem; }
}