@import '../../tokens/tokens.css';

/* FAQ — native <details>, +/- marker in --ds-text-dim (NOT brass). */
.faq details {
  border-top: 1px solid var(--ds-line);
  padding: var(--ds-s3) 0;
}
.faq details:last-child { border-bottom: 1px solid var(--ds-line); }

.faq summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--ds-s3);
  color: var(--ds-text);
  font-weight: 600;
  font-size: var(--ds-t-body);
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: "+";
  color: var(--ds-text-dim);
  font-size: 1.1rem;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.faq details[open] summary::after { content: "–"; }

.faq details p {
  margin: var(--ds-s2) 0 0;
  font-size: var(--ds-t-sm);
  color: var(--ds-text-2);
  max-width: 60ch;
}