/* "Questions traders ask" on broker profiles (inc/broker-faq.php).
   <details> accordion: every answer is in the HTML, collapsed visually.
   Rounded cards, a round +/- control; brand tokens only (dark theme). */
.bn-bfaq-list { display: grid; gap: 12px; max-width: 880px; }
.bn-bfaq-item {
  background: var(--bn-surface); border: 1px solid var(--bn-line); border-radius: 20px;
  transition: border-color .15s;
}
.bn-bfaq-item[open], .bn-bfaq-item:hover { border-color: color-mix(in srgb, var(--bn-primary) 45%, var(--bn-line)); }
.bn-bfaq-item summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 20px;
  min-height: 44px; padding: 20px 22px 20px 26px; border-radius: 20px;
  font: 500 clamp(17px, 1.3vw, 20px)/1.35 'Jost', sans-serif; color: var(--bn-ink);
}
.bn-bfaq-item summary::-webkit-details-marker { display: none; }
.bn-bfaq-item summary:focus-visible { outline: 2px solid var(--bn-primary); outline-offset: 2px; }
.bn-bfaq-icon {
  position: relative; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 999px;
  border: 1px solid var(--bn-line); background: var(--bn-bg-2);
}
.bn-bfaq-icon::before, .bn-bfaq-icon::after {
  content: ''; position: absolute; left: 9px; right: 9px; top: 15px; height: 2px; border-radius: 2px;
  background: var(--bn-slate); transition: transform .2s;
}
.bn-bfaq-icon::after { transform: rotate(90deg); }
.bn-bfaq-item[open] .bn-bfaq-icon { border-color: var(--bn-primary); }
.bn-bfaq-item[open] .bn-bfaq-icon::before, .bn-bfaq-item[open] .bn-bfaq-icon::after { background: var(--bn-primary); }
.bn-bfaq-item[open] .bn-bfaq-icon::after { transform: rotate(0); }
.bn-bfaq-a { padding: 0 26px 24px; }
.bn-bfaq-a p { margin: 0; max-width: 44em; color: var(--bn-slate); font-size: 16px; line-height: 1.65; }
.bn-bfaq-a a { color: var(--bn-primary); font-weight: 600; white-space: nowrap; }
@media (max-width: 600px) {
  .bn-bfaq-item summary { padding: 16px 16px 16px 20px; }
  .bn-bfaq-a { padding: 0 20px 20px; }
}