summary {
  cursor: pointer;
  font-weight: bold;
  padding: 6px 0;
  color: #d63384;
}
summary::-webkit-details-marker {
  display: none;
}
summary::before {
  content: '▸ ';
  display: inline-block;
  transition: transform 0.2s;
}
details[open] > summary::before {
  content: '▾ ';
}
details {
  margin-bottom: 8px;
  border: 1px solid #e9c0d3;
  border-radius: 8px;
  padding: 10px;
  background: #fdf2f7;
}