prototype: fill empty center with text-analysis deep-dive preview (01-04 concepts) beside the outputs rail

presentation/prototype/slide05-outputs.html

@@ -72,11 +72,22 @@
   .thoth-box .tag { display: inline-block; margin-right: 7px; padding: 2px 9px; border-radius: 9999px;
     background: var(--bordeaux); color: #fdfcfc; font: 700 8.5px/1 var(--sans); letter-spacing: .1em; text-transform: uppercase; }
 
+  /* ---- deep-dive concepts (center-left) ---- */
+  .midrow { display: flex; gap: 28px; margin-top: 18px; align-items: flex-start; }
+  .concepts { flex: 1; min-width: 0; }
+  .concepts .lbl { font: 700 10px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase;
+    color: var(--bordeaux); margin: 0 0 4px; }
+  .citem { display: flex; gap: 12px; align-items: baseline; padding: 7px 0; border-bottom: 1px solid var(--line); }
+  .citem:last-child { border-bottom: none; }
+  .citem .n { font: 700 11px/1 var(--mono); color: var(--bordeaux); }
+  .citem b { font: 700 12.5px/1.3 var(--sans); color: var(--ink); text-transform: uppercase; letter-spacing: .03em; }
+  .citem span.d { font: 400 11px/1.4 var(--sans); color: var(--ink-muted); margin-left: 8px; }
+
   /* ---- outputs rail (option C, revised) ---- */
-  .railwrap { position: relative; display: flex; justify-content: flex-end; margin-top: 18px; }
+  .railwrap { position: relative; display: flex; justify-content: flex-end; }
   .conn-drop { position: absolute; top: -14px; width: 2px; background: var(--bordeaux); }
   .conn-elbow { position: absolute; height: 2px; background: var(--bordeaux); }
-  .rail { width: 560px; border-left: 2px solid var(--bordeaux); padding-top: 14px; }
+  .rail { width: 540px; border-left: 2px solid var(--bordeaux); padding-top: 14px; }
   .rail .lbl { font: 700 10px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase;
     color: var(--bordeaux); margin: 0 0 6px 16px; }
   .rail .row { display: flex; align-items: center; gap: 12px; padding: 8px 14px 8px 16px; position: relative; }
@@ -122,6 +133,14 @@
         <div class="arrow">→</div>
         <div class="stage hot" id="marts"><b>Marts</b><span>dbt · Superset</span></div>
       </div>
+      <div class="midrow">
+        <div class="concepts">
+          <div class="lbl">coming up — how we read the text</div>
+          <div class="citem"><span class="n">01</span><div><b>Audited numbers</b><span class="d">58,438 letters · 73,389 pathologies · 2,307 Brugada patients</span></div></div>
+          <div class="citem"><span class="n">02</span><div><b>Hard clinical NLP</b><span class="d">negation · family attribution · two languages</span></div></div>
+          <div class="citem"><span class="n">03</span><div><b>Clinical ontology</b><span class="d">two tiers, ordered by clinical precedence</span></div></div>
+          <div class="citem"><span class="n">04</span><div><b>Trust by design</b><span class="d">quality gates on 100 manual reviews</span></div></div>
+        </div>
         <div class="railwrap" id="railwrap">
           <div class="conn-drop" id="conn-drop"></div>
           <div class="conn-elbow" id="conn-elbow"></div>
@@ -141,6 +160,7 @@
             </div>
           </div>
         </div>
+      </div>
       <div class="thoth-wrap">
         <div class="thoth-col">
           <div class="thoth-arrow">↑</div>