/**
 * components/bar.css — Accent divider bar under section headings
 */

.mjc-bar {
  width:            64px;
  height:           4px;
  background-color: var(--color-teal);
  border-radius:    var(--radius-sm);
  margin-top:       var(--space-4);
}

.mjc-bar--center {
  margin-left:  auto;
  margin-right: auto;
}

.mjc-bar--wide {
  width: 80px;
}

.mjc-bar--sm {
  width:  40px;
  height: 2px;
}