@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-layout-settings > .kit-region-selected-section,
  .kit-layout-settings > .kit-region-form-or-list,
  .kit-layout-settings > .kit-region-selected-section > .kit-region-standing {
    display: flex;
    flex-direction: column;
    --_kit-stack-gap: var(--_kit-region);
    row-gap: var(--_kit-stack-gap);
  }
  .kit-layout-settings > .kit-region-selected-section[data-kit-holds~=heading] + .kit-region-form-or-list:not(:has(> .kit-role-headed-region:first-child, > .kit-region-notices:empty:first-child + .kit-role-headed-region)) {
    margin-block-start: calc(var(--_kit-stack) - var(--_kit-region));
  }
  .kit-layout-settings {
    display: grid;
    grid-template-columns: var(--_kit-split);
    --_kit-stack-gap: var(--_kit-region);
    gap: var(--_kit-stack-gap) var(--_kit-inset-wide);
    min-inline-size: 0;
  }
  .kit-layout-settings > * {
    grid-column: 1 / -1;
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-settings {
        grid-template-columns: minmax(0, 1fr);
      }
    }
  }
}
@layer layouts {
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-settings > .kit-region-selected-section[data-kit-holds~=heading] + .kit-region-form-or-list:not(:has(> .kit-role-headed-region:first-child, > .kit-region-notices:empty:first-child + .kit-role-headed-region)) {
        margin-block-start: var(--_kit-stack);
      }
    }
  }
}