.record-details {
  font-size: 0.625rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto 1fr 1fr;
  gap: 1.5em;
  align-items: flex-start;
  color: var(--color-content-base);
}

.record-details__headline {
  grid-column: 1 / -1;
}

.record-details__content {
  display: grid;
  background-color: var(--color-surface);
  padding: 1em;
  border-radius: 6px;
}

.record-details__unit {
  text-wrap: balance;
  margin-top: -0.4em;
}