/* data-list: Stammdaten eines Datensatzes — Feldname und Wert.

   Der Feldname steht klein über dem Wert, nicht daneben: Werte wie eine
   Marke oder ein Datum schwanken in der Länge, und bei 300 px drückt das
   eine das andere weg. Was nicht gepflegt ist, wird gar nicht erst
   ausgegeben — eine leere Zeile sagt nichts. */
.data-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin: 0;
  min-width: 0;
}

.data-list__key {
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: var(--leading-tight);
  color: var(--color-text-muted);
}

/* Zeilenabstand normal statt eng: Werte können mehrzeilig werden — eine
   lange Adresse etwa — und ein Link darin muss sich treffen lassen. */
.data-list__value {
  margin: var(--space-05) 0 0;
  font-size: var(--text-base);
  line-height: var(--leading-normal);
}