/* DELTEA · cartes 10. Surfaces annotées au build, contenu et géométrie conservés.
   La réflexion est derrière les enfants : aucune surcouche sur le texte.
   ::before, voiles, coches et focus rings existants restent disponibles. */
.transposition-v6 main [data-card-interaction][data-card-light] {
  --card-x: 50%;
  --card-y: 32%;
  --card-rx: 0deg;
  --card-ry: 0deg;
  --card-depth: 0 12px 28px -16px color-mix(in srgb, var(--obsidienne) 32%, transparent);
  position: relative;
  isolation: isolate;
  cursor: auto;
  transition: transform .48s var(--easing-doux), border-color .32s ease, box-shadow .48s var(--easing-doux);
}
.transposition-v6 main [data-card-interaction][data-card-light]::after {
  content: '';
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(ellipse 400px 280px at var(--card-x) var(--card-y), color-mix(in srgb, var(--blanc-forge) 9%, transparent), transparent 72%),
    linear-gradient(135deg, color-mix(in srgb, var(--pierre-claire) 5%, transparent), transparent 55%);
  opacity: 0;
  transition: opacity .4s var(--easing-doux);
}
/* Neutralise le halo vert antérieur, y compris sur les appareils tactiles. */
.transposition-v6 main [data-card-interaction][data-card-light]:hover {
  border-color: var(--rule);
  box-shadow: none;
}
.transposition-v6 main [data-card-interaction][data-card-light]:focus-within {
  border-color: var(--sauge);
  box-shadow: var(--card-depth), inset 0 1px 0 color-mix(in srgb, var(--blanc-forge) 12%, transparent);
}
.transposition-v6 main [data-card-interaction][data-card-light]:focus-within::after {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .transposition-v6 main [data-card-interaction][data-card-light]:hover {
    border-color: var(--sauge);
    box-shadow: var(--card-depth), inset 0 1px 0 color-mix(in srgb, var(--blanc-forge) 12%, transparent);
  }
  .transposition-v6 main [data-card-interaction][data-card-light]:hover::after {
    opacity: 1;
  }
  .transposition-v6 main [data-card-interaction='lift'][data-card-light]:hover {
    transform: perspective(1400px) translateY(-3px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) !important;
  }
  /* Le clavier conserve un plan de lecture fixe, même si la souris est dessus. */
  .transposition-v6 main [data-card-interaction='lift'][data-card-light]:focus-within {
    transform: none !important;
  }
  /* Le JS peut clore immédiatement un hover après blur / page masquée. */
  .transposition-v6 main [data-card-interaction][data-card-light][data-card-suspended] {
    transform: none !important;
    border-color: var(--rule);
    box-shadow: none;
  }
  .transposition-v6 main [data-card-interaction][data-card-light][data-card-suspended]::after {
    opacity: 0;
  }
}
/* Aucun lift sur un champ, son conteneur, une matrice de lecture ou un état. */
.transposition-v6 main [data-card-interaction='still'][data-card-light] {
  transform: none !important;
}
@media (min-width: 1000px) {
  .transposition-v6 main .regulatory-matrix[data-card-interaction][data-card-light] {
    position: sticky;
  }
}
@media (hover: none), (pointer: coarse) {
  .transposition-v6 main [data-card-interaction][data-card-light] {
    transform: none !important;
  }
  .transposition-v6 main [data-card-interaction][data-card-light]:hover:not(:focus-within)::after {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .transposition-v6 main [data-card-interaction][data-card-light] {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    box-shadow: none !important;
  }
  .transposition-v6 main [data-card-interaction][data-card-light]::after {
    content: none !important;
    transition: none !important;
    animation: none !important;
  }
  .transposition-v6 main [data-card-interaction][data-card-light]:focus-within {
    border-color: var(--sauge);
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
  .transposition-v6 main [data-card-interaction][data-card-light]:hover {
    border-color: var(--sauge);
  }
}