/* additions pour la page news */
.news-container{max-width:1000px;margin:0 auto;padding:20px}
.news-intro{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.news-controls input[type="search"]{padding:8px 10px;border-radius:6px;border:1px solid #ddd}
.news-controls select{padding:8px;border-radius:6px;border:1px solid #ddd}
.news-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.news-card{display:flex;flex-direction:column;border:1px solid #eee;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.03)}
.news-thumb img{width:100%;height:160px;object-fit:cover;display:block}
.news-body{padding:12px}
.news-body h3{margin:0 0 6px 0;font-size:1.05rem}
.news-body time{font-size:0.85rem;color:#666}
.excerpt{color:#444;margin-top:8px}
.read-more{display:inline-block;margin-top:10px;text-decoration:underline}
.news-article{max-width:820px;margin:0 auto;padding:18px}
.back-to-list{display:inline-block;margin-top:14px}

/* thème boisé + sécurité image */
.news-page { background: linear-gradient(180deg,#f7f5f0 0%, #eef6f1 100%); }
.site-title { color: #2e4a2b; font-family: Georgia, "Times New Roman", serif; }
.news-card .card { border-radius: 12px; box-shadow: 0 6px 18px rgba(31,41,21,0.06); border: 1px solid rgba(46,74,43,0.06); }
.news-card img { width:100%; height:180px; object-fit:cover; display:block; border-bottom: 1px solid rgba(0,0,0,0.04); }

/* éviter débordement */
.news-page img { max-width: 100%; height: auto; display: block; }

/* contenus article dans modal */
#articleModalBody { max-height: 65vh; overflow:auto; padding: 1rem; }

/* typographie douce */
.card-title { color: #214022; font-weight:600; }
.excerpt { color: #444; }

/* petits écrans */
@media (max-width:767px){
  .news-card img { height: 140px; }
}

html, body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

.news-page main {
  background: linear-gradient(180deg,#f7f5f0 0%, #eef6f1 100%);
}