.ccsa-faqs {
  margin: 1em auto;
  max-width: var(--content-width);
}

.ccsa-faqs > ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 20px !important;
}

.ccsa-faqs.alignwide ul,
.wp-block-group.has-background .ccsa-faqs ul {
  padding: 0 !important;
}

.ccsa-faqs > ul > li {
  margin: 20px 0;
}

.ccsa-faqs__item {
  box-shadow: var(--box-shadow-cards);
  border-radius: 3px;
  padding: 20px;
}

.ccsa-faqs__question {
  color: var(--primarybrightblue);
  color: #999;
}

.ccsa-faqs__question span {
  color: var(--primarybrightblue);
  cursor: pointer;
  font-family: var(--serif-font);
  font-weight: bold;
  font-size: var(--font-size-medium);
  position: relative;
  top: 2px;
}

.ccsa-faqs__answer {
  margin: 1em 0 0;
}

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; margin-left: -10px}
  100%  {opacity: 1; margin-left: 0px}
}