.family-list {
  display: grid;
  gap: 10px;
  align-content: start;
}

.family-list:not(.expanded) .variant-entry:nth-child(n+4) {
  display: none;
}

.family-metric-list .variant-entry {
  min-height: 250px;
  display: flex;
  align-items: center;
}

.family-expand {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--raised);
  color: var(--muted);
  cursor: pointer;
}

.family-expand:hover {
  color: var(--text);
  border-color: rgba(255,255,255,.18);
}