fix(story): update stage evolution section and refine callout styles

Author: BotondAKovacs

index.html

@@ -279,7 +279,8 @@ <h2>Profile comparison</h2>
             </aside>
           </section>
 
-          <section id="stage-evolution" class="evidence-step analysis-card analysis-card--wide story-break-panel" data-stage-step="stage-evolution" aria-label="2008 market divergence chart">
+          <section id="stage-evolution" class="evidence-step story-break-panel" data-stage-step="stage-evolution" aria-label="2008 market divergence chart">
+            <aside id="story-evidence-callout-inline" class="story-evidence-callout story-evidence-callout--plot" aria-live="polite"></aside>
             <div>
               <p class="eyebrow">2008 break</p>
               <h2>The break-year test points to the crisis window.</h2>

src/story.css

@@ -452,7 +452,7 @@
   letter-spacing: -0.04em;
 }
 
-.story-break-panel p:not(.eyebrow) {
+.story-break-panel > div > p:not(.eyebrow) {
   margin: 0;
   color: var(--text-secondary);
   font-size: 0.94rem;
@@ -605,7 +605,7 @@
   font-variant-numeric: tabular-nums;
 }
 
-.story-evidence-callout__label {
+.story-evidence-callout .story-evidence-callout__label {
   margin: 0;
   color: var(--accent);
   font-size: 0.7rem;
@@ -661,7 +661,7 @@
   letter-spacing: -0.02em;
 }
 
-.story-evidence-callout__body {
+.story-evidence-callout .story-evidence-callout__body {
   margin: 0;
   color: var(--text-secondary);
   font-size: 0.9rem;