/* Disclosure list built on <details>. */
.accordion { border-top: 1px solid var(--color-line); }
.accordion details { border-bottom: 1px solid var(--color-line); }
.accordion summary {
  list-style: none; cursor: pointer;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 18px 0; font-size: 16px; font-weight: 700; color: var(--color-ink);
}
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary::after {
  content: ''; flex: none; width: 10px; height: 10px; margin-right: 4px;
  border-right: 2px solid var(--color-ink); border-bottom: 2px solid var(--color-ink);
  transform: rotate(45deg) translateY(-3px); transition: transform .2s var(--ease);
}
.accordion details[open] summary::after { transform: rotate(-135deg) translateY(-3px); }
.accordion__body { padding: 0 0 20px; color: var(--color-text); }
.accordion__body p + p { margin-top: 10px; }