.articles-ligne{max-width:1100px;margin:0 auto;padding:10px 0;}
.articles-ligne__bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px;}
.articles-ligne__search{width:100%;max-width:520px;border:1px solid #e6e6e6;border-radius:14px;padding:10px 12px;}
.articles-ligne__select{border:1px solid #e6e6e6;border-radius:14px;padding:10px 12px;background:#fff;cursor:pointer;}
.articles-ligne__submit{border:1px solid #111;background:#fff;border-radius:14px;padding:10px 14px;cursor:pointer;}

.articles-ligne__list{display:flex;flex-direction:column;gap:12px;}
.articles-ligne__item{border:1px solid #efefef;border-radius:14px;overflow:hidden;background:#fff;}
.articles-ligne__link{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:stretch;text-decoration:none;color:inherit;}
.articles-ligne__thumb{background:#f6f6f6;}
.articles-ligne__img{width:100%;height:100%;object-fit:cover;display:block;}
.articles-ligne__img--placeholder{height:100%;min-height:120px;}
.articles-ligne__meta{padding:12px 12px 12px 0;}
.articles-ligne__date{font-size:13px;opacity:.8;margin:0 0 4px;}
.articles-ligne__title{margin:0 0 6px;font-size:18px;line-height:1.2;}
.articles-ligne__excerpt{font-size:14px;opacity:.9;}

.articles-ligne__empty{padding:12px;border:1px dashed #ddd;border-radius:14px;opacity:.8;}

@media (max-width: 600px){
  .articles-ligne__link{grid-template-columns:1fr;}
  .articles-ligne__meta{padding:12px;}
}