/* bch2.org builders page (/assets/editorial/builders.v1.css)
   Loaded after bch2.v1.css on builders.html only. Design-system tokens only; no new colours.
   Served with "cache-control: immutable": copy to builders.v2.css to change it after deploy.

   Almost everything here is already in bch2.v1.css — page-heading, split, index-list,
   index-row, callout, closing, btn. This file adds only what a directory of projects needs:
   the vertical rhythm of the body column, and the tag row on a project entry. */

/* Body column of the submissions split, matching .forge-body on the mining page. */
.builders-body {
  display: grid;
  gap: var(--space-xl);
  min-width: 0;
}

/* Project entries sit further apart than list rows elsewhere: each is a separate thing to
   consider, not a step in a sequence. */
.builds { display: grid; gap: var(--space-l); }

.build__title { margin-bottom: var(--space-3xs); }

/* What the project is, in one or two words. Reads as metadata, so it takes the mono label
   treatment the rest of the site uses for captions rather than looking like a button.
   These live INSIDE .index-row__text: .index-row is a three-column grid (number / title /
   text) and a fourth direct child displaces the description into the number column. */
.build__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
  margin: 0 0 var(--space-xs);
}
.build__tag {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--muted);
  background: var(--wash);
  border: 1px solid var(--line);
  border-radius: 2px;
  padding: 0.125rem 0.5rem;
  white-space: nowrap;
}