/* Styles for the live paper-performance section and the top-gainers strip (live-performance.js). */
.gainers-strip { border-top: 1px solid var(--line); background: #06110C; padding: 10px 0 0; }
.gainers-strip .tape-l { margin-bottom: 6px; }
.gainers-box { position: relative; overflow: hidden; min-height: 34px; border-bottom: 1px solid var(--line); }
.gainers-track { display: inline-flex; white-space: nowrap; animation: gainers-scroll 40s linear infinite; }
.gainers-box:hover .gainers-track { animation-play-state: paused; }
.gainers-item { display: inline-flex; align-items: baseline; gap: 8px; padding: 8px 18px; font: 12px var(--mono); }
.gainers-sym { color: var(--text); font-weight: 600; }
.gainers-chg { color: var(--green); font-variant-numeric: tabular-nums; direction: ltr; }
.gainers-msg { display: block; padding: 9px 24px; font: 12px var(--mono); color: var(--muted); }
@keyframes gainers-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .gainers-track { animation: none; flex-wrap: wrap; white-space: normal; } }

.perf-wrap { max-width: 1120px; margin: 0 auto; padding: 72px 24px; }
.perf-wrap .eyebrow { margin: 0 0 10px; font: 11px var(--mono); letter-spacing: .12em; color: var(--green); text-transform: uppercase; }
.perf-wrap h2 { margin: 0 0 14px; font-family: var(--display); font-size: clamp(26px, 3.4vw, 40px); color: var(--text); }
.perf-lead { max-width: 760px; margin: 0 0 8px; color: var(--text); line-height: 1.8; }
.perf-note { max-width: 760px; margin: 0 0 28px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.perf-card { border: 1px solid var(--line-2); border-radius: var(--radius); background: var(--panel); padding: 24px; }
.perf-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
@media (min-width: 760px) { .perf-stats { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.perf-tile { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.perf-label { font: 12px var(--mono); letter-spacing: .06em; color: var(--muted); text-transform: uppercase; }
.perf-value { font: 600 20px var(--mono); color: var(--text); font-variant-numeric: tabular-nums; direction: ltr; text-align: start; overflow-wrap: anywhere; }
.perf-curve { margin-top: 22px; min-height: 130px; }
.perf-svg { display: block; width: 100%; height: 128px; }
.perf-zero { stroke: var(--line-2); stroke-dasharray: 4 4; }
.perf-line { fill: none; stroke-width: 2; vector-effect: non-scaling-stroke; }
.perf-line.up { stroke: var(--green); }
.perf-line.down { stroke: var(--red); }
.perf-empty { margin: 0; color: var(--muted); font-size: 14px; }
.perf-status { margin: 16px 0 0; color: var(--muted); font: 12px var(--mono); }