details,
.acc {
  border: 1px solid var(--m-border);
  border-radius: var(--m-r-sm);
  background: var(--m-bg);
  padding: .85em 1.15em;
  margin: .6em 0;
}
details summary,
.acc summary { cursor: pointer; font-weight: 700; list-style: none; display: flex; align-items: center; justify-content: space-between; }
details summary::-webkit-details-marker,
.acc summary::-webkit-details-marker { display: none; }
details summary::after,
.acc summary::after {
  content: "";
  width: .65em;
  height: .65em;
  border: 2px solid var(--m-fg-3);
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
  transition: transform var(--m-dur);
}
details[open] summary::after,
.acc[open] summary::after { transform: rotate(225deg); }
details[open] summary,
.acc[open] summary { margin-bottom: .4em; }