.bl-container {
  inline-size: min(calc(100% - 2 * var(--bl-gutter)), var(--bl-container));
  margin-inline: auto;
}

.bl-stack {
  display: flex;
  flex-direction: column;
  gap: var(--bl-stack-gap, var(--bl-space-6));
}

.bl-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--bl-grid-min)), 1fr));
  gap: var(--bl-grid-gap, var(--bl-space-6));
}

.bl-grid > * {
  min-inline-size: 0;
}