/* Lisibilité, contraste et repères interactifs */
.process > [data-href] { cursor: pointer; }
.process > div:hover,
.process > div:focus-visible { transform: translateY(-7px) rotate(-1deg); }
.process > div:nth-child(2):hover,
.process > div:nth-child(2):focus-visible { transform: translateY(-7px) rotate(-1deg); }
.process > div:nth-child(3):hover,
.process > div:nth-child(3):focus-visible { transform: translateY(-7px) rotate(1deg); }
.process > div:nth-child(4):hover,
.process > div:nth-child(4):focus-visible { transform: translateY(-7px) rotate(-1deg); }
.process > [data-href]::after {
  content: "Découvrir →";
  color: #17213f;
  display: block;
  margin-top: 18px;
  font-size: 15px;
  font-weight: 800;
}
.process > [data-href]:focus-visible,
.track-picker button:focus-visible,
.faq-list button:focus-visible,
a:focus-visible {
  outline: 4px solid #ff6f61;
  outline-offset: 4px;
}
.tracks .section-heading.light p,
.track-copy p,
.terminal p,
.contact-intro > p,
.contact-actions small { color: #fff; }
.tracks .section-tag,
.fit .section-tag,
.contact .section-tag {
  color: #17213f;
  background: #d7ff45;
  border-color: #17213f;
}
.track-tags span { color: #fff; background: #17213f; }
.site-header nav a { font-weight: 650; }
.source-note { color: #3f4964; }
.project-copy > small { color: #3f4964; opacity: 1; }
footer, .footer-note { color: #d7dceb; }
.footer-links a { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
small { font-size: max(.82em, 13px); }
@media (max-width: 600px) {
  .contact-actions small { font-size: 13px; }
  .hero-proof span { font-size: 13px; }
  .chip { font-size: 12px; }
}