/*
 * BLUEPRINT-DELTA D-04: a ruled list of Sulsys's own 19 business types,
 * presented as Sulsys's list and sourced as such — never as RRYM's claim
 * about where Nexys is installed.
 */

.block {
  display: grid;
  gap: var(--s4);
}

.lead {
  margin: 0;
  font-family: var(--font-mono);
  font-size: var(--step-mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-2);
}

.list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: var(--hairline) solid var(--rule);
}

.item {
  display: grid;
  grid-template-columns: 3ch minmax(0, 1fr);
  gap: var(--s3);
  align-items: baseline;
  padding: var(--s3) var(--s4) var(--s3) 0;
  border-bottom: var(--hairline) solid var(--rule);
  font-size: var(--step-small);
}

.index {
  font-family: var(--font-mono);
  font-size: var(--step-label);
  color: var(--muted);
}

.source {
  margin: 0;
  font-family: var(--font-mono);
  font-size: var(--step-label);
  letter-spacing: 0.02em;
  color: var(--muted);
}

@media (max-width: 1023px) {
  .list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 599px) {
  .list {
    grid-template-columns: minmax(0, 1fr);
  }
}