/* FAQ 页在 style.css 的 legal-card 之上只加三样东西：分类导航、问答块、脚注。
   页面本身由 scripts/build-faq.mjs 生成，不手改。 */
.faq-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.faq-nav a {
  padding: 6px 14px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  font-size: 0.9rem;
  text-decoration: none;
}

.faq-nav a:hover {
  border-color: rgba(255, 255, 255, 0.42);
}

.faq-item {
  padding-top: 18px;
  scroll-margin-top: 96px;
}

.faq-item + .faq-item {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.faq-item h3 {
  margin-bottom: 8px;
}

.faq-anchor {
  text-decoration: none;
}

.faq-anchor:hover {
  text-decoration: underline;
}

.faq-meta {
  font-size: 0.9rem;
  opacity: 0.75;
}