.accordion {
  border-top: 1px solid var(--line);
}

.accordion__item {
  border-bottom: 1px solid var(--line);
}

.accordion__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-4);
  min-height: calc(var(--control-h) + var(--s-2));
  font: var(--font-caps);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--fg-heading);
  list-style: none;
  cursor: pointer;
}

.accordion__summary::-webkit-details-marker {
  display: none;
}

.accordion__summary::after {
  content: "";
  flex: none;
  width: 12px;
  height: 12px;
  background:
    linear-gradient(var(--fg-accent), var(--fg-accent)) center / 12px 1px no-repeat,
    linear-gradient(var(--fg-accent), var(--fg-accent)) center / 1px 12px no-repeat;
}

.accordion__item[open] > .accordion__summary::after {
  background: linear-gradient(var(--fg-accent), var(--fg-accent)) center / 12px 1px no-repeat;
}

.accordion__body {
  padding-bottom: var(--s-5);
}

.accordion__body > * + * {
  margin-top: var(--s-4);
}