@charset "UTF-8";
/**
 * Definition List — front-end & builder styles.
 *
 * Neutral, boilerplate-only layout. All visual design (colors, fonts, spacing,
 * borders) is intentionally left to the Divi Design tab via the module's
 * decoration / font groups. This file only provides:
 *   1. Sensible structural defaults so the list is readable out of the box.
 *   2. An intrinsic responsive layout (no media queries) for the row.
 *
 * BEM under the short `dcl-` (Divi Companion List) namespace.
 *
 * This SCSS compiles to `assets/css/definition-list.css`, which is enqueued on
 * the front end. The same selectors are referenced by the module.json
 * `selector` fields so Design-tab typography targets the right elements.
 */
.dcl-definition-list {
  margin: 0;
  padding: 0;
}
.dcl-definition-list__group {
  display: flex;
  flex-direction: column;
  margin: 0 0 0.75em;
}
.dcl-definition-list__group:last-child {
  margin-bottom: 0;
}
.dcl-definition-list__term {
  margin: 0;
  font-weight: 600;
  line-height: 1.2;
}
.dcl-definition-list__description {
  margin: 0;
  line-height: 1.4;
}

/**
 * Optional inline variant.
 *
 * Add the `dcl-definition-list--inline` class (Advanced → CSS Class) to lay
 * term and description side by side, wrapping intrinsically on narrow screens
 * without media queries.
 */
.dcl-definition-list--inline .dcl-definition-list__group {
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 0.5em;
  align-items: baseline;
}
.dcl-definition-list--inline .dcl-definition-list__term::after {
  content: ":";
}