/* Keep the provider's detail rows readable beside long route and quote values. */
.mc-left .mc-row {
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) !important;
  gap: 12px 24px !important;
  align-items: start;
  min-width: 0;
}

.mc-left .mc-row dt,
.mc-left .mc-row dd {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
}

.mc-left .mc-row dt {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
}

.mc-left .mc-row dd {
  overflow-wrap: anywhere;
  word-break: normal;
}

.mc-left .mc-linerows {
  grid-template-columns: 120px minmax(0, 1fr) auto !important;
  gap: 12px 24px !important;
  align-items: start !important;
}

.mc-left .mc-linerows .place {
  min-width: 0;
  overflow-wrap: anywhere;
}

.mt-transfer-details-row {
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) !important;
  gap: 12px 24px !important;
  align-items: start;
  min-width: 0;
}

.mt-transfer-details-row dt,
.mt-transfer-details-row dd {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
}

.mt-transfer-details-row dt {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
}

.mt-transfer-details-row dd {
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (max-width: 640px) {
  .mc-left .mc-row {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 10px 16px !important;
  }

  .mc-left .mc-linerows {
    grid-template-columns: 96px minmax(0, 1fr) auto !important;
    gap: 10px 16px !important;
  }

  .mt-transfer-details-row {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 10px 16px !important;
  }
}