/* Actualités et rencontres — ajout ciblé, sans toucher au CSS général */
.news-section .news-salons h3 { color:#001e62; font-size:1.35rem; margin:0 0 18px; }
.news-section .news-gallery { gap:18px; }
.news-section .news-gallery .event-card img { aspect-ratio:4/3; object-fit:cover; }
.news-section .news-gallery .event-card:nth-child(2) img { object-position:center 30%; }
.news-section .news-gallery .event-overlay { padding:45px 14px 12px; }
.news-section .news-gallery .event-more { font-size:.82rem; }
.news-thanks { max-width:900px; margin:22px auto 0; color:#26334c; line-height:1.75; }
.news-thanks p { margin:0 0 12px; }
.news-signature { text-align:right; color:#001e62; }
.news-podcast { display:grid; grid-template-columns:minmax(180px, 260px) 1fr; gap:28px; align-items:center; margin-top:32px; padding:25px; border:1px solid #e2e7ef; border-radius:16px; background:#eef3fb; }
.news-podcast-image img { display:block; width:100%; height:auto; border-radius:12px; box-shadow:0 5px 16px rgba(0,0,0,.12); }
.news-podcast-copy h3 { color:#001e62; font-size:1.5rem; margin:8px 0 14px; }
.news-podcast-copy p { color:#26334c; line-height:1.7; margin:0 0 12px; }
/* La fenêtre modale est en dehors de .news-section dans le HTML.
   Cibler directement son image pour éviter le recadrage. */
#eventModal .event-modal-image {
  width: 100%;
  height: auto;
  max-height: 65vh;
  object-fit: contain;
  object-position: center;
  background: #f7f9fc;
}
#eventModal .event-modal-box {
  max-height: 90dvh;
  overflow-y: auto;
}
@media (max-width: 700px) {
  #eventModal .event-modal-image { max-height: 55dvh; }
}
@media(max-width:700px){
 .news-podcast { grid-template-columns:1fr; padding:18px; gap:18px; }
 .news-podcast-image { max-width:250px; margin:0 auto; }
 .news-section .news-gallery .event-card img { aspect-ratio:4/3; }
}