/*──────────────────────────  FAQ  ─────────────────────────────*/
.faq{
  background:var(--c-faq-bg);
  color:var(--c-faq-text);
  padding: 4rem 1rem;
  transition: background var(--transition), color var(--transition);
}
.faq h2{
  color:var(--c-faq-text);
  font-size: 32px;
  transition: color var(--transition);
}
.accordion{max-width:var(--maxw);margin:auto}
details{
  background:var(--c-faq-item-bg);
  color:var(--c-faq-item-text);
  border-radius:var(--radius);
  margin-bottom:.8rem;
  padding:1rem;
  cursor:pointer;
  transition: background var(--transition), color var(--transition), box-shadow var(--transition);
}
details[open]{box-shadow:0 2px 8px var(--c-shadow-color-details)}

.faq .accordion details summary {
  color: var(--c-text-primary);
  font-weight:600;
  margin-bottom:.8rem;
  transition: color var(--transition);
  list-style: revert;
}
details[open] > summary {
  margin-bottom: .8rem;
}

.faq .accordion details summary::marker {
  color: var(--c-text-primary);
  transition: color var(--transition);
}
.faq .accordion details p {
    color: var(--c-text-primary);
    transition: color var(--transition);
}