/* CL_VISUAL_SHELL_ROUTE_SCOPED_V3
   Correction ciblée après contrôle Playwright.
   /home : ne pas toucher, déjà correct avant surcharge.
   /app : conserver alignement validé yHeader=40 gap=46.
   /compte : ne pas toucher au header, seulement ouvrir le gap contenu.
*/

@media (min-width: 900px){
  body[data-cl-route="app"] header.cl-public-header,
  body[data-cl-route="app"] header{
    margin-top: 40px !important;
  }

  body[data-cl-route="app"] #cl-app-rq-start,
  body[data-cl-route="app"] .cl-p1-hero{
    margin-top: 46px !important;
  }

  body[data-cl-route="compte"] .compte-hero,
  body[data-cl-route="compte"] main,
  body[data-cl-route="compte"] section:first-of-type{
    margin-top: 24px !important;
  }
}

body[data-cl-route="app"] #cl-app-rq-start{
  width: min(1180px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}

body[data-cl-route="app"] .cl-p1-hero,
body[data-cl-route="compte"] .compte-hero{
  scroll-margin-top: 140px;
}