/* Scrollbar néon pour la console */
.scrollbar-neon {
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: rgb(163, 230, 53, 0.5) #0b1220; /* thumb | track */
  /* Évite les sauts quand la barre apparaît */
  scrollbar-gutter: stable both-edges;
}

/* WebKit (Chrome, Edge, Safari desktop) */
.scrollbar-neon::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.scrollbar-neon::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.06);
  border-radius: 9999px;
}
.scrollbar-neon::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #22d3ee, #d946ef);
  border-radius: 9999px;
  box-shadow:
    0 0 10px rgba(34,211,238,.6),
    0 0 14px rgba(217,70,239,.4);
  border: 2px solid rgba(2,6,23,.9); /* bord sombre pour contraste */
}
.scrollbar-neon::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #67e8f9, #f0abfc);
}
.scrollbar-neon::-webkit-scrollbar-corner {
  background: transparent;
}

.text-glowing {
  text-shadow: 0 0 5px rgba(34,211,238,.6);
}

/* Masquer le marqueur natif */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
summary::marker { content: ''; }

/* Triangle custom */
.summary-head{
  position: relative;
  padding-left: 1.25rem; /* place pour la flèche */
}
.summary-head::before{
  content: '';
  position: absolute;
  left: 0; top: 50%;
  width: 12px; height: 12px; display: block;
  background: currentColor;                  /* même couleur que le texte */
  /* ▶ triangle pointant à DROITE */
  clip-path: polygon(20% 15%, 20% 85%, 80% 50%);
  transform: translateY(-50%) rotate(0deg);
  transition: transform .2s ease;
}
/* Ouvert → ▼ (rotation 90°) */
details[open] > summary .summary-head::before{
  transform: translateY(-50%) rotate(90deg);
}}