/* V95 — La page Événement doit montrer ses trois récits sans les rogner.
   Correctif ciblé, chargé en DERNIER dans evenement.html. */
html:has(body.page-event), html:has(body.page-event) body {
  min-height:100%;
  height:auto!important;
  overflow-x:hidden;
  overflow-y:auto!important;
}
body.page-event .site {
  display:block!important;
  min-height:100vh!important;
  height:auto!important;
  overflow:visible!important;
}
body.page-event main {
  display:block!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
/* La bannière initiale occupait trop de place et poussait les cartes sous l'écran. */
body.page-event .hero {
  height:clamp(335px,41vh,400px)!important;
  min-height:335px!important;
  max-height:400px!important;
  flex:none!important;
  overflow:hidden!important;
}
body.page-event .hero-content { padding-top:clamp(20px,2.5vh,28px)!important; }
body.page-event .hero h1 {font-size:clamp(44px,3.65vw,61px)!important; margin:9px 0!important;}
body.page-event .subtitle {font-size:clamp(19px,1.75vw,27px)!important; margin:9px 0!important;}
body.page-event .accent {margin:10px 0!important}
body.page-event .meta {margin-top:5px!important}
body.page-event .hero-waves{height:62px!important}
/* Ne jamais découper le texte ; une page peut défiler si l'écran est trop petit. */
body.page-event .history {
  display:block!important;
  position:relative;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  flex:none!important;
  overflow:visible!important;
  padding:clamp(18px,2.2vh,25px) 4.3vw clamp(26px,3.5vh,42px)!important;
}
body.page-event .history-grid {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:clamp(14px,2vw,27px)!important;
  height:auto!important;
  min-height:0!important;
}
body.page-event .history-grid article {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:clamp(9px,1.2vh,13px)!important;
  height:auto!important;
  max-height:none!important;
  min-height:235px!important;
  overflow:hidden!important; /* uniquement décoratif : le texte n'a pas de hauteur fixée */
  padding:clamp(17px,1.7vw,25px)!important;
  border-radius:22px!important;
}
body.page-event .history-grid article .ico {height:52px!important;width:52px!important;min-height:52px!important;flex-shrink:0!important}
body.page-event .history-grid article .ico svg {height:28px!important;width:28px!important}
body.page-event .history-grid article .v90-story-kicker {margin:0!important;line-height:1.15!important}
body.page-event .history-grid article p {
  display:block!important;
  position:relative!important;
  font-size:clamp(13px,.91vw,15px)!important;
  font-weight:450!important;
  line-height:1.48!important;
  margin:0!important;
  padding:0!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
}
@media (max-width:1100px){
  body.page-event .hero{height:390px!important;min-height:390px!important;max-height:none!important}
  body.page-event .history-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.page-event .history-grid article{min-height:0!important}
}
@media (max-width:700px){
  body.page-event .hero{height:665px!important;min-height:665px!important;max-height:none!important}
  body.page-event .hero-content{padding-top:38px!important}
  body.page-event .hero-waves{height:70px!important}
  body.page-event .history{padding:22px 16px 30px!important}
  body.page-event .history-grid{grid-template-columns:1fr!important;gap:14px!important}
  body.page-event .history-grid article{padding:20px!important;min-height:0!important}
  body.page-event .history-grid article p{font-size:14px!important;line-height:1.55!important}
}