/* Light-mode summary surfaces, shared by analysis pages and popup panels.
   Dark-mode gradients and typography remain owned by their existing themes. */
html:not(.dark) :is(.tm-hero, .fd-hero, .pxp-hero) {
  --summary-tint: #f1f5f9;
  --summary-border: #cbd5e1;
  --summary-accent: #64748b;
  --hero-gauge-up: #047857;
  --hero-gauge-warn: #b45309;
  --hero-gauge-down: #be123c;
  color: #0f172a;
  background: linear-gradient(120deg, var(--summary-tint), #fff);
  border: 1px solid var(--summary-border);
  border-inline-start: 4px solid var(--summary-accent);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
html:not(.dark) .fd-hero {
  --summary-tint: #eef2ff;
  --summary-border: #c7d2fe;
  --summary-accent: #6366f1;
}
html:not(.dark) :is(.tm-hero.bull, .fd-hero[data-hero-tone="up"], .pxp-hero.up) {
  --summary-tint: #ecfdf5;
  --summary-border: #a7f3d0;
  --summary-accent: #059669;
}
html:not(.dark) :is(.tm-hero.bear, .fd-hero[data-hero-tone="down"], .pxp-hero.down) {
  --summary-tint: #fff1f2;
  --summary-border: #fecdd3;
  --summary-accent: #e11d48;
}
html:not(.dark) :is(.tm-hero.mixed, .fd-hero[data-hero-tone="warn"], .pxp-hero.warn) {
  --summary-tint: #fffbeb;
  --summary-border: #fde68a;
  --summary-accent: #d97706;
}
html:not(.dark) :is(.tm-hero, .fd-hero) h2,
html:not(.dark) :is(.tm-hero-stats, .fd-hero-stats) b,
html:not(.dark) .pxp-hero-facts dd { color: #0f172a; }
html:not(.dark) :is(.tm-hero, .fd-hero) p,
html:not(.dark) .pxp-hero-text { color: #334155; }
html:not(.dark) .tm-hero .tm-eyebrow,
html:not(.dark) .fd-hero .fd-eyebrow,
html:not(.dark) :is(.tm-hero-stats, .fd-hero-stats) div span,
html:not(.dark) .pxp-hero-facts dt { color: #475569; }
html:not(.dark) :is(.tm-hero-stats, .fd-hero-stats) {
  padding-top: .75rem;
  border-top: 1px solid var(--summary-border);
}
html:not(.dark) .pxp-hero-facts {
  padding: .65rem .75rem;
  border: 1px solid var(--summary-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, .75);
}
html:not(.dark) .tm-hero .tm-gauge text { fill: #0f172a; }
html:not(.dark) .tm-hero .tm-gauge .track { stroke: #cbd5e1; }