:root{--dat-color:#0A2E24;--dat-gap:24px}
.dat-section{margin:40px 0}
.dat-section__head{margin-bottom:18px}
.dat-section__title{margin:0;font-size:clamp(22px,2.6vw,28px);line-height:1.2;color:var(--dat-color);font-weight:800}
.dat-grid{display:grid;gap:var(--dat-gap)}
.dat-cols-4{grid-template-columns:repeat(4,1fr)}
.dat-cols-3{grid-template-columns:repeat(3,1fr)}
.dat-cols-2{grid-template-columns:repeat(2,1fr)}
.dat-cols-1{grid-template-columns:1fr}
@media(max-width:1024px){.dat-cols-4,.dat-cols-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.dat-cols-4,.dat-cols-3,.dat-cols-2{grid-template-columns:1fr}}
.dat-card{background:#fff;border:1px solid rgba(10,46,36,.16);border-radius:12px;overflow:hidden;box-shadow:0 5px 14px rgba(0,0,0,.06);display:flex;flex-direction:column;min-height:100%}
/* PAS DE BORDURE JAUNE */
.dat-card__thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden}
.dat-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.dat-card__body{padding:16px}
.dat-card__title{margin:0 0 6px;font-size:clamp(18px,2vw,20px);line-height:1.35}
.dat-card__title a{color:var(--dat-color);text-decoration:underline;text-underline-offset:2px}
.dat-card__meta{font-size:13px;color:#3d3d3d;margin-bottom:8px}
.dat-card__excerpt{font-size:15px;line-height:1.55;color:#1f1f1f}
.dat-card__more{display:inline-block;margin-top:8px;font-weight:700;text-decoration:underline;color:var(--dat-color)}
.dat-empty{color:#666}
.dat-moreall{text-align:right;margin-top:8px}
.dat-moreall__link{color:var(--dat-color);font-weight:700}
.dat-load-more{margin:18px auto 0;display:block;background:var(--dat-color);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:700;cursor:pointer}
.dat-list .dat-card{flex-direction:row}
.dat-list .dat-card__thumb{flex:0 0 34%;min-width:220px}
.dat-list .dat-card__body{flex:1}
@media(max-width:680px){.dat-list .dat-card{flex-direction:column}.dat-list .dat-card__thumb{min-width:auto;flex:0 0 auto}}

/* Clamping (évite les hauteurs irrégulières) */
.dat-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dat-card__excerpt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}