web-ui/src/app/cases/[caseNumber]/page.tsx

@@ -184,12 +184,28 @@ export default function CaseDetailPage({
             </Accordion>
             {/* מה קרה בדיון — comparative analysis of the hearing protocol vs.
                 the written pleadings (#226). Sits below the aggregated arguments
-                because it speaks to those same arguments in their oral gloss. */}
-            <Card className="bg-surface border-rule shadow-sm">
-              <CardContent className="px-6 py-5">
+                because it speaks to those same arguments in their oral gloss.
+                Collapsed by default, mirroring the "by-party" accordion above. */}
+            <Accordion type="single" collapsible>
+              <AccordionItem
+                value="hearing"
+                className="overflow-hidden rounded-xl border border-rule bg-surface shadow-sm"
+              >
+                <AccordionTrigger className="px-6 py-4 hover:no-underline">
+                  <span className="flex flex-1 flex-col items-start">
+                    <span className="text-navy text-[0.95rem] font-bold">
+                      מה קרה בדיון
+                    </span>
+                    <span className="text-ink-muted text-[0.78rem]">
+                      השוואת הטענות בכתב מול הדיון בעל-פה — מה התחזק ומה נטען לראשונה
+                    </span>
+                  </span>
+                </AccordionTrigger>
+                <AccordionContent className="px-6 pb-5 pt-0">
                   <HearingChangesPanel caseNumber={caseNumber} />
-              </CardContent>
-            </Card>
+                </AccordionContent>
+              </AccordionItem>
+            </Accordion>
           </TabsContent>
 
           {/* אימות פסיקה — per-argument supporting-precedent verify gate (#154),

web-ui/src/components/cases/hearing-changes-panel.tsx

@@ -11,7 +11,6 @@ import {
   HelpCircle,
   Link2,
   Loader2,
-  MessageSquareText,
   Plus,
   RotateCw,
   Sparkles,
@@ -202,20 +201,6 @@ export function HearingChangesPanel({ caseNumber }: HearingChangesPanelProps) {
 
   return (
     <div className="space-y-4">
-      <div className="flex flex-wrap items-start justify-between gap-3">
-        <div>
-          <h2 className="text-navy flex items-center gap-2 text-base font-semibold">
-            <MessageSquareText className="text-gold-deep size-5" aria-hidden />
-            מה קרה בדיון
-          </h2>
-          <p className="text-ink-muted mt-0.5 max-w-2xl text-xs leading-relaxed">
-            השוואה בין הטענות בכתב לבין מה שנטען בדיון בעל-פה — אילו טענות התחזקו
-            ואילו נטענו לראשונה, כדי שהדיון (בלוק י) יתייחס לגלגול העדכני.
-          </p>
-        </div>
-        {runButton}
-      </div>
-
       {isPending ? (
         <div className="space-y-2">
           <Skeleton className="h-20 w-full" />
@@ -236,6 +221,7 @@ export function HearingChangesPanel({ caseNumber }: HearingChangesPanelProps) {
         </div>
       ) : (
         <>
+          <div className="flex justify-end">{runButton}</div>
           {/* hearing header strip */}
           {header && (
             <div className="bg-parchment border-rule rounded-lg border px-5 py-4 shadow-sm">