accordion-item::part(header) {
  background: light-dark(var(--lighter-chalk), var(--darker-chalk));
  color: var(--color-scheme-foreground);
  font-size: 1.2em;
  padding: var(--xs);
  user-select: none;
  transition: var(--transition-snappy);
  margin-bottom: 3px;
}

accordion-item::part(header):hover {
  background: light-dark(var(--light-chalk), var(--dark-chalk));
}

accordion-item::part(panel) {
  background: var(--color-scheme-background);
  padding: 1em;
}