/* shortwind: list@0.0.2 sha:6a7f93aa95067c44 */

/* @guide
   @list wraps a stack of @list-item rows; use @list-bordered for divided rows.
   Definition lists are separate: @description-list with @description-term and
   @description-detail. The short @dl / @dt / @dd forms are aliases that expand
   identically; the spelled-out names are canonical — prefer them. For site
   navigation reach for the navigation family (@navigation), not @list.
*/

/* Vertical list with default gap. */
@recipe list {
  flex flex-col gap-1
}

/* Single list item. */
@recipe list-item {
  flex items-center gap-2 rounded-md px-3 py-2 text-sm text-foreground
}

/* List with dividing borders between items. */
@recipe list-bordered {
  divide-y divide-border rounded-md border border-border
}

/* Definition list container. */
@recipe dl {
  grid grid-cols-1 gap-2 sm:grid-cols-3 sm:gap-4
}

/* Definition term. */
@recipe dt {
  text-sm font-medium text-muted-foreground
}

/* Definition description. */
@recipe dd {
  text-sm text-foreground sm:col-span-2
}

/* Spelled-out canonical aliases — expand identically to @dl/@dt/@dd. */

/* Definition list container (alias of @dl). */
@recipe description-list { @dl }

/* Definition term (alias of @dt). */
@recipe description-term { @dt }

/* Definition description (alias of @dd). */
@recipe description-detail { @dd }