/* unknown-term: eine Zeile aus der Nährwert-Eingabe, deren Bezeichnung das
   Wörterbuch nicht kennt, mit Vorschlägen zum Übernehmen.

   Im alten Aussehen war das eine Tabelle mit vier Spalten. Bei 300 px ist
   das nicht lesbar, deshalb steht hier alles untereinander: die Bezeichnung
   samt Zeilennummer, darunter der erkannte Wert, darunter die Vorschläge.

   Die Vorschläge sind eine umbrechende Reihe gleichartiger, kurzer Knöpfe —
   kein Nebeneinander zweier verschiedener Dinge. */
.unknown-term-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-width: 0;
}

.unknown-term {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.unknown-term__label {
  font-size: var(--text-base);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
}

.unknown-term__meta {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.unknown-term__value {
  color: var(--color-text);
}

.unknown-term__hint {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.unknown-term__suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}