/* Styles isolés du simulateur météorologique */
.vav-meteo-exercise {
  max-width: 1100px;
  margin: 0 auto;
  color: inherit;
  max-width: var(--content-width);
}

.vav-meteo-exercise .hidden { display: none !important; }
.vav-meteo-exercise h2 { margin: 0 0 20px; }
.vav-meteo-exercise h3 { color: #222; margin: 20px 0 10px; }
.vav-meteo-exercise button {
  padding: 10px 18px;
  margin: 10px 0;
  font-size: 16px;
  cursor: pointer;
}
.vav-meteo-exercise .vav-meteo-card {
  box-sizing: border-box;
  width: 100%;
  background: #fff;
  color: #333;
  padding: 20px;
  margin-top: 15px;
  border-radius: 10px;
}
.vav-meteo-exercise #pedago { text-align: left; }
.vav-meteo-exercise canvas {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.vav-meteo-exercise #correction {
  background: #f5f5f5;
  margin-top: 15px;
  padding: 15px;
  border-left: 4px solid #444;
  color: #222;
}
@media (max-width: 767px) {
  .vav-meteo-exercise h2 { margin: 20px 0; }
  .vav-meteo-exercise .vav-meteo-card { padding: 12px; }
  .vav-meteo-exercise button { margin: 8px 4px; }
}