.evenement-form {
  max-width: 860px;
  margin: auto;
  padding: 88px 28px;
  font-family: Georgia, serif;
  font-size: clamp(16px, 1.7vw, 20px);
  line-height: 1.5;
}
.evenement-form h2 {
  font-family: var(--font-main);
  font-size: clamp(44px, 5vw, 64px);
  line-height: 1.1;
  margin-bottom: 36px;
}
.evenement-form form { display: grid; gap: 24px; }
.evenement-form form p { margin: 0; }
.evenement-form label { display: block; margin-bottom: 10px; font-weight: bold; }
.evenement-form input:not([type=hidden]),
.evenement-form select,
.evenement-form textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 18px;
  font: inherit;
  line-height: 1.4;
  border: 2px solid #b5b5b5;
  border-radius: 10px;
  background: white;
  color: #111;
}
.evenement-form textarea { min-height: 220px; resize: vertical; }
.evenement-form button {
  width: 100%;
  min-height: 66px;
  padding: 18px 24px;
  font: inherit;
  font-size: clamp(16px, 1.7vw, 20px);
  font-weight: bold;
  border: 2px solid black;
  cursor: pointer;
  background: black;
  color: white;
  border-radius: 10px;
}
.evenement-form :is(input, select, textarea, button):focus-visible {
  outline: 3px solid #555;
  outline-offset: 3px;
}
.evenement-form .errorlist { color: #9b2020; padding-left: 24px; }
@media (max-width: 600px) {
  .evenement-form { padding: 56px 20px; }
}