details > summary .details-marker {
  color: light-dark(var(--color-blue-900), var(--color-zinc-400));
}

details[open] > summary .details-marker {
  transform: rotate(90deg);
}

details > summary::-webkit-details-marker {
  display: none;
}

/* Firefox */
details > summary::marker {
  display: none;
}

/* Legacy Edge/IE (though Edge now uses Webkit) */
details > summary::-o-details-marker {
  display: none;
}

/* For older Firefox versions */
details > summary::-moz-list-bullet {
  list-style-type: none;
}

details summary {
  cursor: pointer;
}