fix: clear demo outcome panels below receipt

web/apps/console/src/presentation/DemoWorkflowScene.test.tsx

@@ -142,6 +142,14 @@ describe("DemoWorkflowScene", () => {
     expect(screen.getByLabelText("workflow graph proof")).toHaveTextContent("JSON-RPC evidence");
   });
 
+  it("marks outcome-panel layouts so CSS can clear the receipt row", () => {
+    renderBeat("approval", "interrupt-evidence");
+
+    expect(screen.getByLabelText("demo workflow stage")).toHaveAttribute("data-demo-layout", "approval");
+    expect(screen.getByLabelText("demo outcome proof")).toBeInTheDocument();
+    expect(screen.getByLabelText("workflow.runs.start execution receipt")).toBeInTheDocument();
+  });
+
   it("shows the continuity rail across Scene 9 operation, graph, and interrupt beats", () => {
     const { unmount } = renderBeat("operation");
     expect(screen.getByLabelText("demo continuity")).toHaveTextContent("workflow.runs.start");

web/apps/console/src/presentation/styles/demo-workflow.css

@@ -667,6 +667,19 @@
   }
 }
 
+/* The operation receipt is absolute at the top of graph beats. Outcome panels
+   need the same top clearance or their headings clip under the receipt row. */
+.demo-workflow-stage:has(.demo-outcome-panel) .demo-outcome-panel {
+  margin-top: 3.15rem;
+  min-height: 0;
+}
+
+.demo-workflow-stage[data-demo-layout="approval"] .demo-outcome-panel,
+.demo-workflow-stage[data-demo-layout="evidence"] .demo-outcome-panel {
+  align-self: stretch;
+  overflow: hidden;
+}
+
 .demo-workflow-stage:has(.demo-outcome-panel) {
   grid-template-columns: minmax(0, 1fr) minmax(15rem, 23%);
   gap: 0.85rem;