/* .list — styles for src/lib/expand.mjs's `x-list`. Load AFTER tokens.css.
   See public/components/README.md for load order.

   A plain semantic list of cards. Deliberately carries almost nothing: the
   list is a <ul> for what it means to assistive technology, not for what it
   looks like, so all this does is strip the browser's marker and own the
   spacing between items. Anything else — row layout, name treatment, action
   placement — belongs to the page that uses it. */

.list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}