/* Stocks-specific style overrides for truthtracking.org/stock-cn.
 * Shared primitives (root vars, sidenav, hero, card module, leaderboards,
 * mobile, footer, etc.) live in _shared/punchy-core.css and load BEFORE this
 * file. Only the stocks-specific deltas (color shifts, extra components)
 * live below.
 */

/* Color overrides — deeper emerald for $-tone, plus a premium accent. */
:root {
  --green: #047857;
  --green-bg: rgba(4, 120, 87, 0.10);
  --gold: #b45309;
}

/* Stocks-only component: ticker symbol + direction shown above the quote
 * (politics has no ticker concept). */
.card .card-symbol {
  margin: 4px 0 10px;
  font-family: "JetBrains Mono", "Menlo", monospace;
  font-size: 13px; font-weight: 700;
  color: var(--text);
}
.card .card-symbol .sym {
  background: var(--bg-card-hover);
  padding: 2px 8px; border-radius: 4px;
  letter-spacing: 0.5px;
}
.card .card-symbol .sym-dir {
  margin-left: 8px; font-size: 11px; font-weight: 800;
  color: var(--text-muted); letter-spacing: 1px;
}