/* faq — question / answer accordion. */
.faq .sec__inner { display: flex; flex-direction: column; align-items: flex-start; }
.faq__list { width: 100%; border-top: 1px solid var(--rule); }
.faq__item { border-bottom: 1px solid var(--rule); }

.faq__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0;
  cursor: pointer;
  list-style: none;
  font-family: var(--font-display);
  font-weight: var(--weight-poster-heavy);
  text-transform: uppercase;
  font-size: var(--fs-h3);
  line-height: 1.2;
  color: inherit;
  transition: color var(--transition-fast);
}
.faq__q::-webkit-details-marker { display: none; }
.faq__q:hover { color: var(--accent-deep); }
.tone--navy .faq__q:hover { color: var(--accent); }

/* Brand triangle as the toggle: points right when closed, down when open. */
.faq__icon {
  flex-shrink: 0;
  width: 14px;
  aspect-ratio: 23 / 13;
  background: var(--accent-decor);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transition: transform var(--transition-base);
}
.faq__item[open] .faq__icon { transform: rotate(90deg); }

.faq__a { padding: 0 0 24px; max-width: 82ch; color: var(--text-muted); font-size: var(--fs-body); line-height: 1.6; }
.faq__a > * + * { margin-top: 1em; }