/* CUIDivider - mirrors cui_divider.dart. Full-width rule; height = thickness, rounded caps (pill by default). */
.cui-divider {
  --_color: var(--cui-color-border-subtle);
  --_thickness: var(--cui-border-default);
  --_radius: var(--cui-radius-pill);
  display: block; width: 100%; box-sizing: border-box; flex: none;
  height: var(--_thickness); border-radius: var(--_radius);
  background: var(--_color);
}
.cui-divider--color-default { --_color: var(--cui-color-border-default); }
.cui-divider--color-strong { --_color: var(--cui-color-border-strong); }
.cui-divider--color-brand { --_color: var(--cui-color-border-brand); }
.cui-divider--thickness-hairline { --_thickness: var(--cui-border-hairline); }
.cui-divider--thickness-thick { --_thickness: var(--cui-border-thick); }
.cui-divider--thickness-heavy { --_thickness: var(--cui-border-heavy); }
.cui-divider--square { --_radius: 0px; }
/* demo rows (story only) */
.cui-divider-demo { display: flex; flex-direction: column; align-items: stretch; width: 100%; }
.cui-divider-demo__row { display: flex; justify-content: space-between; align-items: baseline; padding: var(--cui-space-sm) 0; color: var(--cui-color-text-default); }
.cui-divider-demo__title { font: var(--cui-type-body-md-semi-weight) var(--cui-type-body-md-semi-size)/round(up, var(--cui-type-body-md-semi-line), 1px) var(--cui-type-body-md-semi-family); }
.cui-divider-demo__meta { font: var(--cui-type-body-sm-weight) var(--cui-type-body-sm-size)/round(up, var(--cui-type-body-sm-line), 1px) var(--cui-type-body-sm-family); color: var(--cui-color-text-muted); }