#hkaRiverLengthSummary {
  display: grid;
  gap: 4px;
  padding: 13px 14px;
  border-bottom: 1px solid #cfe3f0;
  background: #edf7fd;
  color: #12466a;
}
#hkaRiverLengthSummary .hka-river-length-label { font: 600 11px/1.4 Arial,sans-serif; }
#hkaRiverLengthTotal { font: 750 25px/1.2 Arial,sans-serif; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#hkaRiverLengthDetail { font: 600 11px/1.5 Arial,sans-serif; }
#hkaRiverLengthSummary small { font: 400 10px/1.4 Arial,sans-serif; color: #4f6475; }
#hkaRiverLengthSummary[data-incomplete="true"] { background: #fffbeb; border-color: #f3dfb2; color: #855600; }
#riverMultiSelectedList .river-selected-item > span:first-child { flex: 1 1 auto; }
#riverMultiSelectedList .hka-river-length-value {
  flex: 0 0 auto;
  color: #086391;
  font: 700 11px/1.4 Arial,sans-serif;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
#hkaMapInteractionStatus[data-hka-river-length]::after {
  content: " · " attr(data-hka-river-length);
  font-weight: 750;
  color: #086391;
  white-space: nowrap;
}
@media (max-width: 720px) {
  html body.hka-map-interaction-ready #riverMultiExportPanel.hka-map-summary-open {
    bottom: max(122px,calc(112px + env(safe-area-inset-bottom))) !important;
    max-height: min(55dvh,calc(100dvh - 210px)) !important;
  }
}