.grondwater-live {
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 14px;
  background: #fff;
  color: #222;
}

.grondwater-live h2 {
  margin: 0 0 14px;
  font-size: clamp(1.25rem, 2.2vw, 1.75rem);
}

.grondwater-live__values {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 4px;
}

.grondwater-live__values > div:last-child {
  text-align: right;
}

.grondwater-live__values strong,
.grondwater-live__values span {
  display: block;
}

.grondwater-live__values strong {
  color: #3f51ff;
  font-size: clamp(1.7rem, 4vw, 2.7rem);
  font-weight: 500;
  line-height: 1.1;
}

.grondwater-live__values > div:first-child strong {
  color: #5ba7f7;
}

.grondwater-live__values span {
  margin-top: 5px;
  font-size: 0.9rem;
}

.grondwater-live__chart {
  min-height: 320px;
}

.grondwater-live__status {
  margin: 2px 0 0;
  color: #666;
  font-size: 0.82rem;
  text-align: right;
}

@media (max-width: 600px) {
  .grondwater-live {
    padding: 14px 8px;
  }

  .grondwater-live__values {
    padding: 0 8px;
  }
}