/* Workbench content only; component styling comes from Fabric. */
.showcase-brands { margin-block-end: var(--fabric-space-8); }
.showcase-primary { background: var(--fabric-brand-primary); color: var(--fabric-on-primary); }
.showcase-secondary { background: var(--fabric-brand-secondary); color: var(--fabric-on-secondary); }
#brand, #typography, #buttons, #cards, #forms, #alerts, #images, #integrations, #errors {
  padding-block: var(--fabric-space-8);
  border-block-start: 1px solid var(--fabric-border);
  scroll-margin-top: var(--fabric-space-8);
}