/* Fold: a section head that folds (17 Oct 2026, the second polish round; the artboards' group head
   and the roster's sections). ▾, the mono word, the name, a chip, the counts in the meta size and the
   head's switches on one line that wraps; the verbs on a line of their own at the right. The page
   frames the section; this draws only the head. */
.fold-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-bottom: var(--hairline) solid var(--color-line);
  background: var(--color-line-panel-quiet);
}

.fold-folded > .fold-head {
  border-bottom: 0;
}

.fold-toggle {
  width: var(--space-4);
  padding: 0;
  border: 0;
  background: none;
  color: var(--color-ink);
  font-family: var(--font-mono);
  font-size: var(--text-mono-number);
  line-height: 1;
  cursor: pointer;
}

.fold-toggle:focus-visible {
  outline: var(--focus-width) solid var(--color-ink);
  outline-offset: var(--focus-offset);
}

.fold-word {
  color: var(--color-muted);
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

.fold-name {
  color: var(--color-ink);
  font-size: var(--text-lead);
  font-weight: var(--weight-strong);
  line-height: 1.3;
}

.fold-nested > .fold-head .fold-name {
  font-size: var(--text-control);
}

.fold-counts {
  color: var(--color-muted);
  font-size: var(--text-meta);
}

.fold-counts-none {
  display: none;
}

/* The verbs: a line of their own, at the right. */
.fold-verbs {
  display: flex;
  flex: 1 0 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-2) var(--space-3);
}

.fold-verbs:empty,
.fold-under:empty {
  display: none;
}

.fold-under {
  flex: 1 0 100%;
}