/* Correctif responsive global (18/08) — marges + anti-débordement, toutes pages */
html,body{overflow-x:hidden;max-width:100%}
*{min-width:0}
/* hero vitrine .top : marges horizontales manquantes */
.top{padding-left:clamp(18px,5vw,56px)!important;padding-right:clamp(18px,5vw,56px)!important}
.top h1,.top p{max-width:100%!important;overflow-wrap:break-word;word-break:normal}
/* hero gabarit .pg / .hero : marges */
.hero .htxt,.hero .in{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
/* médias jamais plus larges que l écran */
img,video,iframe{max-width:100%;height:auto}
/* garde-fou : conteneurs pleine largeur bornés */
.wrap,.pg,section > .center{max-width:100%}
/* confiner les images/vidéos de fond du hero (débordement ~10px → décale la page) */
.hero,.top,.bg,.final,.band{overflow:hidden}
.bg,.hero > img,.hero > video{max-width:100%}
.bg img,.bg video,.hero > img,.hero > video{width:100%!important;max-width:100%!important;left:0!important;right:0!important;object-fit:cover}
/* liens-cartes 19/08 : cartes reportages/cours devenues cliquables */
a.reel{text-decoration:none;color:#fff;cursor:pointer}
a.c-card{text-decoration:none;color:inherit;display:block;cursor:pointer}
a.c-card:hover{box-shadow:0 10px 30px rgba(20,17,13,.12);transform:translateY(-3px)}
/* le rond central des reportages : fleche "voir" au lieu du triangle video factice */
.reel .play::after{border:0!important;content:"\25B6"!important;color:#fff!important;font-size:24px!important;line-height:1!important;margin:0!important}
.reel:hover .play::after{color:#141110!important}