/* ============================================
   List — vertical collection of <xm-list-item> rows.

   Layout owner for a stack of rows. Sits on the surface* desk family
   (AD-13) — establishes on-surface as the inherited ink so rows read
   correctly on the desk. The rows own all chrome; the list owns the
   rhythm, ARIA role, and (when interactive) keyboard selection.
   ============================================ */

.list {
  display: flex;
  flex-direction: column;
  gap: var(--s-1);
  color: var(--md-sys-color-on-surface);
}