.detsum {
  width: 100%;
  margin-bottom: 1rem;
}

.detsum>summary {
  background-color: var(--sum_bkgr);
  cursor: pointer;
  line-height: 42px;
  color: var(--sum_txt);
  padding: 7px 7px 7px 20px;
  border-radius: 8px;
}

.detsum>summary>* {
  display: inline;
  font-weight: 600;
  color: var(--sum_txt);
}

.detsum[open]>summary {
  border-radius: 8px 8px 0 0;
}

.detsum>div {
  background-color: var(--det_bkgr);
  padding: 20px;
  padding-left: 15px;
  border-radius: 0 0 8px 8px;
}

summary {
  list-style: none;
  cursor: pointer;
  height: 42px;
}

summary::-webkit-details-marker {
  display: none;
}

/* --------------- checked --------------- */