.accordion-node {
  --accordion-response-background-color: #eff4f8;
}

.accordion-node__trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: var(--spacing);
  font: inherit;
  font-weight: normal;
  font-size: var(--font-size-h3);
  line-height: 1;
  text-align: left;
  border: 0;
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  color: var(--color-grey-darkest);
}
.accordion-node__trigger:focus,
.accordion-node__trigger:hover {
  text-decoration: none;
  color: var(--color-grey-darkest);
  background-color: var(--color-white);
}

.accordion-node__trigger[aria-expanded="true"] {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.accordion-node__trigger-icon {
  font-size: var(--font-size-h1);
  font-weight: normal;
  transition: var(--transition-time);
  color: var(--color-text);
}

.accordion-node__trigger-icons {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.accordion-node__trigger-icon {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.accordion-node__trigger-icon--closed {
  opacity: 1;
}
[aria-expanded="true"]
  > .accordion-node__trigger-icons
  > .accordion-node__trigger-icon--opened {
  opacity: 1;
}
.accordion-node__trigger-icon--opened {
  opacity: 0;
}
[aria-expanded="true"]
  > .accordion-node__trigger-icons
  > .accordion-node__trigger-icon--closed {
  opacity: 0;
  transform: rotate(45deg);
}

.accordion-node > h3 {
  margin-bottom: 0;
}

.accordion-node__content[data-disclosure-expanded="true"] {
  display: flex;
}

.accordion-node__content {
  padding: var(--spacing-large);
  border: 0;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  color: var(--color-grey-darkest);
  background-color: var(--accordion-response-background-color);
}

.accordion-node .field--name-body > * {
  margin-bottom: 0;
}

/* Accordion Lists */
.view-faqs {
  padding-block-start: var(--spacing);
}
@media screen and (min-width: 768px) {
  .view-faqs {
    padding-block-start: var(--spacing-largest);
  }
}
.view-faqs .views-row + .views-row {
  margin-top: var(--spacing);
}

.view-faqs .view-footer {
  margin-block-start: var(--spacing);
}

.view-faqs .view-content {
  max-width: var(--width-large);
  margin-inline: auto;
  padding-block: var(--spacing-large);
}

.view-faqs .view-content > h2 {
  margin-block-end: var(--spacing-large);
}
.view-faqs .view-content > h2 ~ h2 {
  margin-block-start: calc(var(--spacing-largest) * 2);
  padding-block-start: calc(var(--spacing-large) * 2);
  border-top: var(--border);
  border-color: var(--color-grey-light);
}

.view-faqs .pager {
  margin-block-start: var(--spacing-large);
}