wip: even more tailwind alignment

src/components/FAQSection.astro

@@ -23,9 +23,16 @@ const { items } = Astro.props;
       <div class="space-y-0">
         {
           items.map((item, index) => (
-            <div class="faq-item" data-faq-item>
+            <div
+              class="border-b border-gray-200 dark:border-gray-800"
+              data-faq-item
+            >
               <button
-                class="faq-question"
+                class="flex justify-between items-center w-full py-6 text-left
+                       font-display text-lg font-semibold cursor-pointer
+                       transition-colors
+                       text-gray-950 dark:text-gray-50
+                       hover:text-sky-600"
                 aria-expanded="false"
                 data-faq-trigger
               >
@@ -46,7 +53,8 @@ const { items } = Astro.props;
                 </svg>
               </button>
               <div
-                class="faq-answer hidden prose-spec spec-content"
+                class="hidden pb-6 text-gray-600 dark:text-gray-400
+                       prose-spec spec-content"
                 data-faq-content
                 set:html={item.answer}
               />