/* Demo-only scaffolding for the Flex layout examples.
   Mirrors PatternFly's docs ws-core-l-flex pattern: dashed border + small
   padding on the flex container and each __item so the layout structure
   is visible. NOT shipped to extension consumers. */

.ws-core-l-flex .pf-v6-l-flex,
.ws-core-l-flex .pf-v6-l-flex__item {
  padding: var(--pf-t--global--spacer--sm);
  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--200);
}