@layer brand, tokens, density, elements, values, brand-mark, spacing, cut-edges, actions, panels, marks, roles, headings, regions, authored-text, shell, absence, layouts, motion, states, embed, tables, truncation, print, without-fills, hidden;
@layer spacing {
  .kit-role-inline-consequence {
    display: flex;
    flex-direction: column;
    --_kit-stack-gap: var(--_kit-region);
    row-gap: var(--_kit-stack-gap);
  }
  .kit-role-inline-consequence > .kit-region-consequence + .kit-region-effective-time,
  .kit-role-inline-consequence > .kit-region-consequence + .kit-region-correction-path:not(:empty) {
    margin-block-start: calc(var(--_kit-stack) - var(--_kit-region));
  }
  .kit-role-inline-consequence > .kit-region-effective-time + .kit-region-correction-path:not(:empty) {
    margin-block-start: calc(var(--_kit-stack) - var(--_kit-region));
  }
}
