#actualites .news-carousel{position:relative}
#actualites .news-list{display:flex;grid-template-columns:none;gap:0;width:100%;max-height:none;padding:2px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#actualites .news-list::-webkit-scrollbar{display:none}
#actualites .news-item{display:grid;grid-template-columns:115px minmax(0,1fr);align-items:start;gap:22px;min-width:100%;width:100%;min-height:0;padding:24px 56px;scroll-snap-align:start;scroll-snap-stop:always}
#actualites .news-item:first-child{border-color:rgba(110,140,255,.35);box-shadow:inset 3px 0 var(--blue)}
#actualites .news-item time{padding-top:3px;white-space:nowrap}
#actualites .news-item h3{margin:0 0 8px;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.25;overflow-wrap:anywhere}
#actualites .news-item p{margin:0;line-height:1.6;overflow-wrap:anywhere}
#actualites .news-arrow{position:absolute;top:50%;z-index:2;width:42px;height:58px;padding:0;display:grid;place-items:center;border:1px solid rgba(164,181,255,.26);border-radius:12px;background:rgba(7,11,24,.9);color:var(--text);box-shadow:0 12px 32px rgba(0,0,0,.3);font-size:32px;line-height:1;cursor:pointer;transform:translateY(-50%);transition:opacity .18s,border-color .18s,background .18s,transform .18s}
#actualites .news-arrow:hover:not(:disabled){border-color:rgba(139,185,255,.58);background:#171e35;transform:translateY(-50%) scale(1.04)}
#actualites .news-arrow>span{display:block;width:11px;height:11px;border-top:2px solid currentColor;border-right:2px solid currentColor;font-size:0;line-height:0}
#actualites .news-arrow-prev>span{transform:translateX(2px) rotate(-135deg)}
#actualites .news-arrow-next>span{transform:translateX(-2px) rotate(45deg)}
#actualites .news-arrow:focus-visible{outline:2px solid var(--blue-2);outline-offset:3px}
#actualites .news-arrow:disabled{opacity:.22;cursor:default}
#actualites .news-arrow-prev{left:10px}
#actualites .news-arrow-next{right:10px}
@media(max-width:620px){#actualites .news-item{grid-template-columns:1fr;gap:8px;padding:22px 50px}#actualites .news-item time{padding:0}#actualites .news-arrow{width:38px;height:52px;border-radius:10px;font-size:28px}#actualites .news-arrow-prev{left:7px}#actualites .news-arrow-next{right:7px}}
@media(prefers-reduced-motion:reduce){#actualites .news-list{scroll-behavior:auto}}