details {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
  }
  
  summary {
    cursor: pointer;
    font-weight: bold;
  }
  
  summary::marker {
    content: "\25B6"; /* Use a triangle character for the open/close indicator */
  }
  
  
  summary::marker {
    content: "\25BC" /* Closed icon (down arrow) */;
  }
  
  details[open] summary::marker {
    content: "\25B2"; /* Open icon (up arrow) */;
  }