/* FAQ page only. Shared .faq details live in chalk.css. */

.nav__links a[aria-current="page"] { color: var(--chalk); }

.crumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  font-size: 13px;
  color: var(--chalk-faint);
  margin-bottom: 18px;
}
.crumbs a { color: var(--chalk-dim); text-decoration: none; }
.crumbs a:hover { color: var(--chalk); }

.faqhero .hero__inner {
  grid-template-columns: 1fr;
  max-width: 720px;
  padding-bottom: clamp(40px, 7vh, 72px);
}
.faqhero .hero__sub { max-width: 52ch; }

.faqjump {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 28px;
}
.faqjump a {
  color: var(--chalk-dim);
  text-decoration: none;
  font-size: 13.5px;
  font-weight: 550;
  padding: 6px 12px;
  border: 1px dashed rgba(179, 162, 142, 0.45);
  border-radius: 99px;
}
.faqjump a:hover {
  color: var(--chalk);
  border-color: var(--accent-light);
}

.faqpage {
  padding: clamp(56px, 9vh, 100px) clamp(18px, 4vw, 44px);
}
.faqgroup {
  max-width: 720px;
  margin: 0 auto 48px;
  scroll-margin-top: 78px;
}
.faqgroup:last-child { margin-bottom: 0; }
.faqgroup h2 {
  font-size: clamp(22px, 3vw, 28px);
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.faqgroup .faq { margin: 0; }

@media (max-width: 640px) {
  .faqhero { padding-top: 104px; }
}