details summary {
  list-style: none;
  cursor: pointer;
  font-weight: bold;
  padding: 10px;
  background: #E0F2FE;
  border-radius: 8px;
}

/* Для браузера Safari */
details summary::-webkit-details-marker {
  display: none;
}

/* Стили для открытого состояния */
details[open] summary {
  background: #e0e0e0;
  border-radius: 8px 8px 0 0;
}

.content {
  padding: 15px;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 8px 8px;
}