fix: show What is X? as visible subtitle in help sections, not hidden accordion

Each help section now displays its introductory FAQ answer directly under
the heading so users get high-level context without clicking. Also points
the Rhythms Need help? link to all rhythms help, not just chains.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: InfantLab

app/pages/help.vue

@@ -556,14 +556,18 @@ function scrollToSection(id: string) {
       >
         <template v-if="faqsByCategory[section]?.length">
           <h2
-            class="text-lg font-semibold text-stone-800 dark:text-stone-100 mb-4 flex items-center gap-2"
+            class="text-lg font-semibold text-stone-800 dark:text-stone-100 mb-1 flex items-center gap-2"
           >
             <span>{{ sectionMeta[section]!.emoji }}</span>
             {{ section }}
           </h2>
+          <!-- First FAQ shown as section subtitle -->
+          <p class="text-stone-600 dark:text-stone-400 leading-relaxed mb-4">
+            {{ faqsByCategory[section]![0]!.answer }}
+          </p>
           <div class="space-y-3">
             <div
-              v-for="faq in faqsByCategory[section]"
+              v-for="faq in faqsByCategory[section]!.slice(1)"
               :key="faq.question"
               class="bg-white dark:bg-stone-800 rounded-xl border border-stone-200 dark:border-stone-700 overflow-hidden"
             >

app/pages/rhythms.vue

@@ -398,7 +398,7 @@ function getDailyGaps(rhythmId: string): string[] {
             <span class="mx-1">&middot;</span>
             <span class="text-xs">Rhythms are views — they never alter your data</span>
           </p>
-          <HelpLink search="chains" label="Need help?" />
+          <HelpLink search="rhythms" label="Need help?" />
         </div>
       </div>