/* Keep longer tied records readable in the small-screen columns. */
@media (max-width: 680px) {
  .records__row { gap: 12px; align-items: flex-start; }
  .records__label, .records__value { flex: 1 1 50%; min-width: 0; }
  .records__value { font-size: 16px; text-align: right; }
}