/* FAQ page overrides: keep the page light and restore the native pointer. */
body[data-page="faq"] {
  background-color: #f7f7f7;
  cursor: auto;
}
body[data-page="faq"] a,
body[data-page="faq"] button,
body[data-page="faq"] input,
body[data-page="faq"] select,
body[data-page="faq"] textarea {
  cursor: pointer;
}
@media (pointer: fine) {
  body[data-page="faq"] {
    cursor: auto;
  }
  body[data-page="faq"] a,
  body[data-page="faq"] button,
  body[data-page="faq"] input,
  body[data-page="faq"] select,
  body[data-page="faq"] textarea {
    cursor: pointer;
  }
}

/* --- FAQ text contrast fixes (was too gray on white bg) --- */

/* Intro description under the section title */
#faq .text-muted-foreground {
  color: hsl(0 0% 20%);
}

/* FAQ question text inside the buttons (was text-sm only, inheriting gray) */
#faq [data-faq-toggle] .font-bold {
  color: hsl(0 0% 12%);
}

/* FAQ chevron icons (was text-muted-foreground) */
#faq [data-faq-toggle] svg.text-muted-foreground,
#faq [data-faq-toggle] .text-muted-foreground {
  color: hsl(0 0% 12%);
}

/* FAQ answer paragraphs (was text-muted-foreground) */
#faq [data-faq-answer] p.text-muted-foreground {
  color: hsl(0 0% 15%);
}