.distance-info {
  display: none;
  margin: -8px 0 12px;
  padding: 8px 0;
  font-size: 0.9em;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  background: none;
  border: none;
}
.distance-info.show  { display: block; }
.distance-info .km   { font-weight: 700; }

.distance-info.warn  .km { color: #d4a017; } /* 200–399 km gelb */
.distance-info.alert .km { color: #ef4444; } /* >= 400 km rot */