Adjust comment UX per feedback: reply alignment and Turnstile init

- move reply controls into normal left-aligned flow
- restore stronger primary/reply button treatments
- render Turnstile when reply details panels are opened
- rebuild Tailwind CSS

templates/comments/_reply_form.html

@@ -64,11 +64,11 @@
       <div class="cf-turnstile" data-sitekey="{{ turnstile_site_key }}" data-theme="auto" data-size="flexible"></div>
     {% endif %}
 
-    <div class="flex justify-end">
+    <div class="flex justify-start">
       <button
         type="submit"
         data-testid="post-reply-btn"
-        class="inline-flex items-center rounded-md bg-brand-pink px-4 py-2 font-display text-sm font-bold uppercase tracking-wider text-white transition hover:bg-brand-pink/90 focus:outline-none focus:ring-2 focus:ring-brand-pink/40"
+        class="inline-flex items-center rounded-md bg-brand-pink px-5 py-2.5 font-display text-sm font-bold uppercase tracking-wider text-white shadow-solid-dark transition-all hover:-translate-y-0.5 hover:bg-brand-pink/90 hover:shadow-solid-dark/80 focus:outline-none focus:ring-2 focus:ring-brand-pink/40 active:translate-y-0"
       >
         Post reply
       </button>