/* Histogramme Surface récoltée — module Cornerstone */
.surface-recoltee {
  width: 100%;
  max-width: 1000px;
  margin-inline: auto;
  color: #006a24;
}

.surface-recoltee__canvas {
  position: relative;
  width: 100%;
  height: clamp(300px, 44vw, 440px);
}

.surface-recoltee__canvas canvas {
  display: block;
}

.surface-recoltee__notice {
  margin: 8px 0 0;
  color: #666;
  font-size: 0.82rem;
  line-height: 1.45;
  text-align: center;
}

@media (max-width: 600px) {
  .surface-recoltee__canvas { height: 320px; }
}