details > summary .details-marker {
  color: var(--color-blue-900);
}

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;
}

details[open] .section-details-marker {
  transform: rotate(180deg);
}

details[open] > summary .details-count {
  display: none;
}