body { margin-left:40px; margin-right:40px;    margin-top:10px;
   background-color:#D0D0D0; 
}
td {background-color:#FFF; }
table {   width: 100%; /* Ширина таблицы */
}
.col1 { width: 10%; } /*word-wrap: break-word; }*/
.col2 { width: 45%;  word-wrap: break-word;  }  

.tree{  --spacing : 1.0rem; --radius  : 10px; 
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;

 }

.tree li{
  display      : block;
  position     : relative;
  padding-left : 0;  /*calc(2 * var(--spacing) - var(--radius) - 2px);*/
}

.tree ul{
  margin-left  : calc(var(--radius) - var(--spacing));
  padding-left : 10;
}
/* .tree summary { display: block;  cursor: pointer; } удаляет стрелки */