@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-home > .kit-region-handed-values,
  .kit-layout-home > .kit-region-entries,
  .kit-layout-home > .kit-region-positions,
  .kit-layout-home > .kit-region-watched-days,
  .kit-layout-home > .kit-region-attention,
  .kit-layout-home > .kit-region-measures,
  .kit-layout-home > .kit-region-assigned-upcoming,
  .kit-layout-home > .kit-region-followed-changes,
  .kit-layout-home > .kit-region-attention > .kit-region-setup-checklist,
  .kit-layout-home > .kit-region-attention > .kit-region-handed-values {
    display: flex;
    flex-direction: column;
    --_kit-stack-gap: var(--_kit-region);
    row-gap: var(--_kit-stack-gap);
  }
  .kit-layout-home {
    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-home > * {
    grid-column: 1 / -1;
  }
  .kit-layout-home[data-kit-holds~=assigned-upcoming] > .kit-region-attention,
  .kit-layout-home[data-kit-holds~=attention] > .kit-region-assigned-upcoming {
    grid-column: auto;
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-home {
        grid-template-columns: minmax(0, 1fr);
      }
    }
  }
}