.accordion .field--name-field-items > .field__item + .field__item {
  margin-top: var(--space-2);
}

.accordion__item {
  background-color: rgb(var(--color-light));
  border-left: 4px solid rgb(var(--color-main-blue));
  border-radius: 8px;
}

.accordion__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  font-family: var(--font-family-base);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-button);
  color: rgb(var(--color-dark));
  cursor: pointer;
  list-style: none;
}

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

.accordion__chevron {
  flex-shrink: 0;
  transition: transform 0.15s ease-in-out;
}

.accordion__item[open] .accordion__chevron {
  transform: rotate(180deg);
}

.accordion__answer {
  padding: 0 var(--space-3) var(--space-3);
  font-family: var(--font-family-base);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-body);
  color: rgb(var(--color-dark));
  line-height: 150%;
}

.accordion__answer p {
  margin: 0 0 var(--space-2);
}

.accordion__answer p:last-child {
  margin-bottom: 0;
}

.accordion__answer a {
  color: rgb(var(--color-main-blue));
}