/* V21 : filtres des articles, pagination et affichage responsive */
.articles-hero{padding:48px 0 54px}
.articles-section{padding:44px 0 80px}
.articles-filters{display:grid;grid-template-columns:minmax(210px,2fr) minmax(170px,1fr) auto auto;gap:14px;align-items:end;padding:22px;background:#fff;border:1px solid #e8e3dc;border-radius:16px;box-shadow:0 14px 36px rgba(12,31,48,.055);margin-bottom:12px}
.articles-filters label{display:flex;flex-direction:column;gap:7px;font-size:.85rem;font-weight:650;color:#132b43}
.articles-filters input,.articles-filters select{width:100%;min-width:0;border:1px solid #d6dde2;border-radius:8px;padding:12px 13px;font:inherit;background:white;color:#18334b;min-height:44px}
.articles-filters .btn{min-height:44px;white-space:nowrap;display:flex;align-items:center;justify-content:center}
.articles-reset{min-height:44px;display:flex;align-items:center;color:#274b65;font-weight:700;text-decoration:underline;font-size:.85rem}
.articles-count{margin:20px 0;color:#546472;font-size:.9rem}
.articles-two-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.articles-two-cols .article-card{height:100%}
.articles-two-cols .card-content{display:flex;flex-direction:column;gap:9px;height:100%}
.articles-two-cols .readmore{margin-top:auto;padding-top:10px}
.article-meta-date{display:block;color:#687785;font-size:.77rem}
.articles-pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-top:34px}
.articles-pager a{display:flex;min-width:42px;min-height:42px;padding:9px 15px;align-items:center;justify-content:center;border:1px solid #ddd4c4;border-radius:8px;background:#fff;color:#102338;font-size:.89rem;text-decoration:none;font-weight:700}
.articles-pager a[aria-current="page"]{color:#102338;background:#dbc08c;border-color:#dbc08c}
@media(max-width:1020px){.articles-filters{grid-template-columns:1fr 1fr}.articles-two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.articles-hero{padding:32px 0}.articles-section{padding:26px 0 55px}.articles-filters{grid-template-columns:1fr;padding:16px}.articles-two-cols{grid-template-columns:1fr}.articles-reset{justify-content:center}}