details {
    margin-bottom: 1rem;
  }
  
  summary {
    cursor: pointer;
    outline: none;
    padding: 0.5rem;
    background-color: var(--surface-color-soft, #111722);
    border: 1px solid var(--border-color, #263041);
    color: var(--text-secondary, #b8c2d1);
    border-radius: 4px;
    transition: background-color 0.3s;
  }
  
  summary:hover {
    background-color: rgba(134, 197, 255, 0.08);
  }
  
  .drop-down-content {
    padding: 1rem;
    background-color: var(--surface-color, #141a23);
    border: 1px solid var(--border-color, #263041);
    color: var(--text-secondary, #b8c2d1);
    border-top: none;
    border-radius: 0 0 4px 4px;
  }