/* FAQ page only. Classes prefixed faq- and scoped under .page-faq. */
@layer pages {
  .page-faq .faq-hero { --stack-gap: 36px; }
  .page-faq .faq-hero__text { max-width: 860px; }

  /* Topic jump list: white pill links on the Powder hero */
  .page-faq .faq-jump .c-chip { display: inline-block; color: var(--harbor-dark); font-weight: 700; text-decoration: none; }
  .page-faq .faq-jump .c-chip:hover { background: var(--harbor-dark); color: var(--white); }

  /* Topic sections: anchor targets with a sticky intro column */
  .page-faq .faq-topic { scroll-margin-top: 24px; }
  .page-faq .faq-aside { position: sticky; top: 24px; }
  .page-faq .faq-links { --cluster-gap: 8px 20px; }
  @media (max-width: 860px) { .page-faq .faq-aside { position: static; } }
}