/* A field group's container: a non-wrapping primary row (essential +
   primary-tier fields, trailing .more-btn) above a wrapping optional row
   (opt-in chips). The primary row's shape stays fixed regardless of how
   many opt-in chips are currently present, since those live in the row
   below. See GitHub issue #175 (#164 pattern 1). */

.properties-block {
  margin-bottom: var(--space-4);
}

.properties-primary {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: var(--space-5);
  overflow-x: auto;
}

.properties-optional {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-3);
}