details {
  margin-block: 1em;
  margin-inline-start: 1em;
}

details[no-indent], details[no-indent] > * {
  margin-inline-start: 0em;
}

details[no-close][open] > summary {
  display: none;
}

details > summary {
  margin-inline-start: -1em;
  max-width: 100%;
  white-space: nowrap;
}

details > summary > * {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
  margin: 0;
}

details > summary::-webkit-details-marker, details > summary::marker {
  color: var(--a-color);
}