/* kit-qna.css — Q/R inline. Anim kit-shake héritée de fiche-kit.css. */
.kit-qna { margin: 0.75rem 0; }
.kit-qna-q { font-weight: 600; color: #e5e7eb; margin-bottom: 0.5rem; }
.kit-qna-opts { display: flex; flex-direction: column; gap: 0.35rem; }
.kit-qna-opt {
  text-align: left;
  padding: 0.55rem 0.8rem;
  border-radius: 0.4rem;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  color: #d1d5db;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 150ms;
}
.kit-qna-opt:hover:not([data-state]) {
  background: rgba(255,255,255,0.07);
  border-color: rgba(34,211,238,0.40);
  transform: translateX(2px);
}
.kit-qna-opt[data-state="ok"] {
  background: rgba(52,211,153,0.15);
  border-color: var(--kit-ok, #34d399);
  color: #d1fae5;
}
.kit-qna-opt[data-state="ko"] {
  background: rgba(244,63,94,0.10);
  border-color: var(--kit-ko, #fb7185);
  color: #fecdd3;
  animation: kit-shake 350ms;
}
.kit-qna-opt[data-state="dim"] { opacity: 0.45; }
.kit-qna-explain {
  margin-top: 0.5rem;
  padding: 0;
  background: rgba(34,211,238,0.06);
  border-left: 3px solid var(--kit-accent, #22d3ee);
  border-radius: 0 0.3rem 0.3rem 0;
  font-size: 0.8rem;
  color: #d1d5db;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 300ms ease;
}
.kit-qna-explain[data-shown="1"] {
  opacity: 1;
  max-height: 200px;
  padding: 0.6rem 0.75rem;
  margin-top: 0.5rem;
}

/* Indice visuel (✅/❌) en début de label, masqué tant que pas validé.
   Active uniquement quand le conteneur a data-qna-hide-hints="1". */
.kit-qna-icon-hint {
  display: inline-block;
  transition: opacity 300ms ease, filter 300ms ease;
}
.kit-qna-icon-hint[data-icon-hidden="1"] {
  opacity: 0;
  filter: blur(6px);
}