.faq-hero { background: var(--color-bg); color: var(--color-text); padding: var(--space-10) 0 calc(var(--space-10) + var(--space-4)); }
.faq-hero h1 { font-size: var(--font-size-display); color: var(--color-text); max-width: 18ch; }
.faq-hero p.lede { margin-top: var(--space-4); font-size: var(--font-size-lg); color: var(--color-text-muted); max-width: 56ch; }

.faq-jump { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-6); }
.faq-jump a { font-family: var(--font-family-mono); font-size: var(--font-size-xs); color: var(--color-text); background: var(--color-surface); border: 1px solid var(--color-border); padding: var(--space-2) var(--space-4); border-radius: var(--radius-full); text-decoration: none; }
.faq-jump a:hover { background: var(--color-bg); border-color: var(--color-accent-text); color: var(--color-accent-text); }