ui: move walkthrough between Try examples and Output; rename label

- Moved the gr.Accordion from full-width below the 2-col layout into the
left column (scale=6) between Try examples and Output. It now flows
with the rest of the chat-side content and inherits the column width.
- Renamed label from "See it in action — a real Mind2Web 2 research run"
to the shorter "A real Mind2Web2 research run".
- The .walkthrough inner CSS already uses %-width cards, overflow-x:auto
on the table, and mobile <=600px overrides, so width adapts to the
narrower column (and to phones) without further changes.

app.py

@@ -2777,6 +2777,15 @@ with gr.Blocks(
                         for ex in EXAMPLES
                     ]
 
+            # Walkthrough: curated trace from one real Mind2Web 2 run.
+            # Sits between Try examples and Output; collapsed by default.
+            with gr.Accordion(
+                label="A real Mind2Web2 research run",
+                open=False,
+                elem_classes="walkthrough-acc",
+            ):
+                gr.HTML(WALKTHROUGH_HTML)
+
             with gr.Group(elem_classes="section-card"):
                 gr.HTML(
                     '<div class="section-heading section-heading-row">'
@@ -2866,13 +2875,6 @@ with gr.Blocks(
                     elem_id="quest-temperature",
                 )
 
-    # ── Walkthrough: curated trace from one real Mind2Web 2 run ────────────
-    with gr.Accordion(
-        label="See it in action — a real Mind2Web 2 research run",
-        open=False,
-    ):
-        gr.HTML(WALKTHROUGH_HTML)
-
     gr.HTML(
         """
 <footer class="quest-footer">