/* Proof bar — M10.
 *
 * A thin band, not a section: it interrupts the page rather than occupying it.
 * Hence the flush modifier and its own tight padding.
 */

.pl-proof {
  padding-block: var(--sp-2);
}

.pl-proof__inner {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2) var(--sp-6);
}

/* Uppercase and tracked like every other micro-label, but set in the mono
 * face because these are figures — a founding year, a count of countries, a
 * warranty term. Tabular figures come with .data. */
/* No white-space: nowrap. Keeping each fact on one line looks right until a
 * long one — "UK MANUFACTURING, GATWICK" — meets a 320px screen, and then it
 * pushes the whole document wider than the viewport. Wrapping inside an item
 * is a smaller cost than clipping the page. */
.pl-proof__item {
  font-size: 0.84375rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* The second form: a figure with its label beneath. The band becomes a row of
 * measurements rather than a line of statements, which is how the homepage
 * sets them. Same fields, same module — only the shape changes. */
.pl-proof--figures .pl-proof__inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: var(--sp-4);
}

.pl-proof__item--figure {
  text-transform: none;
  letter-spacing: 0;
}

.pl-proof__figure {
  font-size: var(--step-2);
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: var(--sp-1);
}

.pl-proof__label {
  color: var(--c-text-muted);
}