/* Shared FAQ block styling (Flash Checker style) */



.faq.fp-faq {

  margin-top: 0;

}



.fp-page-sections .fp-section-box .faq.fp-faq,

.fp-flash-checker-page .fp-section-box .faq.fp-faq,

.fp-sellers-page .fp-section-box .faq.fp-faq,

.fp-articles-page .fp-section-box .faq.fp-faq {

  text-align: left;

}



.faq {

  display: flex;

  flex-direction: column;

  gap: 0.65rem;

}



.faq details {

  border: 1px solid var(--color-border);

  border-radius: var(--radius-md);

  background: rgba(28, 28, 28, 0.65);

  overflow: hidden;

}



.faq summary {

  list-style: none;

  cursor: pointer;

  padding: 1rem 1.1rem;

  font-weight: 600;

  color: var(--flash-green-bright);

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 0.75rem;

}



.faq summary::-webkit-details-marker {

  display: none;

}



.faq summary::after {

  content: "";

  width: 8px;

  height: 8px;

  border-right: 2px solid var(--flash-green);

  border-bottom: 2px solid var(--flash-green);

  transform: rotate(45deg);

  transition: transform var(--transition-fast);

  flex-shrink: 0;

}



.faq details[open] summary::after {

  transform: rotate(-135deg);

}



.faq .faq__body {

  padding: 1.25rem 1.1rem 1.1rem;

  color: var(--color-text-muted);

  border-top: 1px solid rgba(0, 255, 65, 0.12);

}