.o-faq {
  --block-margin: var(--spacing-xl);
  --layout-section-padding: var(--spacing-xl);
  --columns: 1fr;
  --intro-col: 1 / -1;
  --cta-col: 1 / -1;
  --cta-row: unset;
  --content-col: 1 / -1;
  margin-block: var(--block-margin);
}
@media screen and (min-width: 1250px) {
  .o-faq {
    --columns: 1fr 1fr 1fr 1fr;
    --heading-col: 1 / span 3;
    --cta-col: 4;
    --cta-row: 1;
    --intro-col: 1;
    --content-col: 2 / -1;
  }
}
@media screen and (min-width: 990px) {
  .o-faq--no-sidebar {
    --columns: 2fr 1fr;
    --heading-col: 1 / 2;
    --cta-col: 2;
    --content-col: 1 / -1;
    --cta-row: 1;
  }
}
.o-faq--primeurs .m-faq-item {
  background-color: rgba(var(--color-sand-light-rgb), 0.2);
}
.o-faq__inner {
  display: grid;
  align-items: start;
  grid-template-columns: var(--columns);
  gap: var(--spacing-md);
}
.o-faq__heading {
  grid-column: var(--heading-col);
}
.o-faq__intro {
  grid-column: var(--intro-col);
  display: grid;
  gap: var(--spacing-md);
}
.o-faq__cta {
  grid-column: var(--cta-col);
  grid-row: var(--cta-row);
  display: grid;
  justify-content: end;
  align-items: start;
}
.o-faq__content {
  grid-column: var(--content-col);
}

.m-faq-item {
  --acc-margin-top: var(--spacing-sm);
  --acc-border: none;
  --acc-trigger-padding: var(--spacing-md);
  --acc-content-padding: 0 var(--spacing-md) var(--spacing-md);
  --color-background: var(--color-text);
  background-color: rgba(var(--color-sand-light-rgb), 1);
  border-radius: var(--border-radius-20);
}
.m-faq-item:first-child {
  --margin-top: 0;
}