@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-headed-region > .kit-region-content {
    display: flex;
    flex-direction: column;
    --_kit-stack-gap: var(--_kit-region);
    row-gap: var(--_kit-stack-gap);
  }
  h2 + .kit-role-headed-region,
  h3 + .kit-role-headed-region,
  h4 + .kit-role-headed-region,
  h5 + .kit-role-headed-region,
  h6 + .kit-role-headed-region,
  h2 + .kit-region-notices:empty + .kit-role-headed-region,
  h3 + .kit-region-notices:empty + .kit-role-headed-region,
  h4 + .kit-region-notices:empty + .kit-role-headed-region,
  h5 + .kit-region-notices:empty + .kit-role-headed-region,
  h6 + .kit-region-notices:empty + .kit-role-headed-region {
    margin-block-start: calc(var(--_kit-region) - var(--_kit-stack));
  }
  .kit-role-headed-region > .kit-region-heading + .kit-region-content[data-kit-holds~=headed-region] {
    margin-block-start: calc(var(--_kit-region) - var(--_kit-stack));
  }
  .kit-layout-form > .kit-region-task-context[data-kit-holds~=heading] + .kit-region-form-groups > .kit-role-headed-region:first-child {
    margin-block-start: calc(var(--_kit-region) - var(--_kit-stack));
  }
  .kit-layout-form > .kit-region-task-context[data-kit-holds~=heading] + .kit-region-form-groups > .kit-region-notices:empty:first-child + .kit-role-headed-region {
    margin-block-start: calc(var(--_kit-region) - var(--_kit-stack));
  }
}
@layer actions {
  .kit-role-headed-region > .kit-region-new[data-kit-holds~=words] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--_kit-cluster-gap);
  }
  .kit-role-headed-region > .kit-region-new[data-kit-holds~=words] > .kit-region-words {
    order: 5;
    inline-size: 100%;
    margin-block: 0;
  }
  .kit-role-headed-region > .kit-region-new[data-kit-holds~=words] > :where(form:not([hidden], [class*=kit-])) > .kit-region-words {
    order: 5;
    inline-size: 100%;
    margin-block: 0;
  }
}
@layer roles {
  .kit-role-row .kit-role-headed-region > .kit-region-heading {
    font-size: var(--_kit-body-size);
    font-weight: 400;
  }
  .kit-role-row > .kit-region-content-column > .kit-region-subject-column > .kit-role-headed-region {
    min-inline-size: 0;
  }
}