/* CSS | MODULE PERSON DIVI IN-LINE */
.person-inline{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:flex-start;                 /* pas de double espace avec gap */
  gap:20px;
  margin:0 auto;
}

/* Carte personne (4 colonnes avec 3 gaps de 20px) */
.person-inline .et_pb_team_member{
  flex: 1 1 calc((100% - 60px)/4);           /* 4 cols, 3*20px de gap */
  max-width: calc((100% - 60px)/4);
  min-width:0;                                /* évite que le contenu déborde */
  background: linear-gradient(145deg,#f5fafd,#e4eef6);
  border:1px solid rgba(221,221,221,.7);
  border-radius:8px;
  padding:20px;
  box-sizing:border-box;
  text-align:justify;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease, background .3s ease;
}

/* Image */
.person-inline .et_pb_team_member_image{ margin-bottom:15px; }
.person-inline .et_pb_team_member_image img{
  width:100%; height:auto; display:block;
  border:4px solid #fff; border-radius:4px; box-sizing:border-box;
}

/* Nom */
.person-inline .et_pb_team_member h4{
  font-size:1.2em; font-weight:600; color:#003366;
  margin-bottom:10px; text-transform:uppercase; letter-spacing:.5px;
}

/* Fonction */
.person-inline .et_pb_member_position{
  font-size:.9em; color:#555; margin-bottom:8px; font-style:italic;
}

/* Description */
.person-inline .et_pb_member_description{
  font-size:.95em; color:#555; line-height:1.6; text-align:justify;
}

/* Hover */
.person-inline .et_pb_team_member:hover{
  background: linear-gradient(145deg,#e4eef6,#d9e3ea);
  border-color:#4267b2;
  box-shadow:0 6px 12px rgba(0,0,0,.15);
  transform: translateY(-3px);
}

/* Focus clavier (a11y) */
.person-inline .et_pb_team_member:focus-within{
  outline:2px solid #4267b2;
  outline-offset:2px;
}

/* Responsive */
@media (max-width:980px){
  .person-inline .et_pb_team_member{
    flex: 1 1 calc((100% - 20px)/2);         /* 2 colonnes, 1 gap */
    max-width: calc((100% - 20px)/2);
  }
}
@media (max-width:768px){
  .person-inline .et_pb_team_member{
    flex:1 1 100%;
    max-width:100%;
  }
}