.actu-page{padding:28px 20px 60px}
.actu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.art{display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--b1);border-radius:var(--rl);overflow:hidden;text-decoration:none;color:var(--t1);transition:border-color var(--t),transform var(--t)}
.art:hover{border-color:var(--g);transform:translateY(-2px)}
.art-img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--s3)}
.art-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.art-title{font-size:15px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.art-desc{font-size:12px;color:var(--t2);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.art-meta{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--t3);border-top:1px solid var(--b1);padding-top:10px;margin-top:4px}
.art-src{color:var(--g);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.5px}
@media(max-width:600px){.actu-grid{grid-template-columns:1fr}}