/* ============================================================================
   Nature en Corps — styles partagés : chrome (nav/footer), reveal, helpers.
   Le design des SECTIONS vit dans les inline styles des blocs (LEÇON 1).
   ============================================================================ */

/* ---- reveal au scroll (LEÇON 3) : opacity:0 tant que .in n'est pas ajouté ---- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.08s}
.reveal-delay-2{transition-delay:.16s}
.reveal-delay-3{transition-delay:.24s}
.reveal-delay-4{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
}

/* ---- chrome : liens de nav rendus en <a> (portage 1:1 du header/footer) ---- */
.nec-nav a,.nec-nav a:hover{text-decoration:none}
.nec-nav a[aria-current="page"] .nec-underline{opacity:1}
.nec-nav .nec-underline{opacity:0}
.nec-drop{display:none}
.nec-has-drop:hover .nec-drop,.nec-has-drop:focus-within .nec-drop{display:block}
.nec-foot a,.nec-foot a:hover{text-decoration:none}
.nec-foot a:hover span,.nec-foot span[role="link"]:hover{text-decoration:underline}

/* ---- burger mobile (chrome responsive — affiné en PHASE responsive) ---- */
.nec-burger{display:none}
@media (max-width:860px){
  .nec-nav-desktop{display:none !important}
  .nec-burger{display:inline-flex}
}