.accordian {
  --color-alt: var(--color-tertiary);

  display: grid;
}

.accordian--rounded {
  --accordian-border-radius: 0.5rem;
}

.accordian--rounded details:first-child {
  border-top-left-radius: var(--accordian-border-radius);
  border-top-right-radius: var(--accordian-border-radius);
}

.accordian--rounded details:last-child {
  border-bottom-left-radius: var(--accordian-border-radius);
  border-bottom-right-radius: var(--accordian-border-radius);
}

.accordian__heading {
  font-size: 1.75rem;
  line-height: 1;
  padding-bottom: 0.5rem;
}

.accordian details {
  padding: 0.5rem;
}

.accordian details:nth-child(even) {
  background-color: var(--color-alt);
}

.accordian p {
  display: flex;
  margin: 0;
}

.accordian summary {
  cursor: pointer;
}

.accordian summary:focus-visible {
  outline-offset: 0.25rem;
  outline-width: 2px;
}

.accordian summary+p {
  padding: 0.5rem 0 0 0;
}

.accordian p::before {
  visibility: hidden;
  min-width: fit-content;
}

.accordian p::before,
.accordian summary::marker {
  content: "☢ ";
  white-space-collapse: preserve;
}