/* Homepage additions only; all colors use existing site.css tokens. */
.tr-stat-note {font-size:.72rem;line-height:1.5;margin-top:12px;color:var(--body)}
.tr-stat-note:empty {display:none}
.tr-note {font-size:.83rem;line-height:1.6;color:var(--muted);margin-top:14px}
.tr-line-panel {border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:28px 28px 14px}
.tr-line-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}
.tr-line-heading h2 {font-size:clamp(1.35rem,3vw,1.85rem);letter-spacing:-.02em}
.tr-line-scroll {overflow-x:auto}
.tr-line-svg {display:block;width:100%;height:auto;min-width:0}
.tr-line-mobile {display:none}
.tr-grid {stroke:var(--border);stroke-width:1}
.tr-axis {font:12px var(--mono);fill:var(--muted)}
.tr-gain-line {fill:none;stroke:var(--accent);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.tr-line-point {fill:transparent;stroke:none;outline:none;cursor:crosshair}
.tr-line-point:hover,.tr-line-point:focus {fill:var(--accent);stroke:var(--bg);stroke-width:2}
.tr-chart-readout {font:.76rem var(--mono);color:var(--muted);min-height:24px;margin-top:14px}
.tr-original-table {width:100%;height:auto;display:block;overflow:hidden;margin-top:36px}
@media(max-width:600px){#track-record .tr-line-desktop{display:none}#track-record .tr-line-mobile{display:block}#track-record .tr-line-panel{padding:20px 14px 12px}#track-record .tr-line-heading{flex-wrap:wrap}#track-record .tr-chart-readout{font-size:.68rem}}

.home-track-preview {margin-top:48px}
.home-record-period {font-size:.83rem;line-height:1.7;color:var(--body);margin-top:18px;text-align:center}
.home-portfolio-hero {margin:48px 0 0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;overflow:hidden}
.home-portfolio-hero img {height:auto;display:block}
.home-portfolio-heading {width:100%}
.home-portfolio-metric {display:block;width:74%;max-width:850px;margin:30px auto 42px}
.home-portfolio-metric img {width:100%}
.home-portfolio-curves {display:block}
.home-portfolio-curves img {width:100%}
.home-portfolio-hero figcaption {font-size:.78rem;line-height:1.75;color:var(--body);margin:20px 6px 0}
.home-portfolio-hero figcaption a {color:var(--accent);text-underline-offset:3px}
.home-portfolio-note {font-size:.8rem;line-height:1.8;color:var(--body);margin:22px auto 0;max-width:110ch}
.home-setups-heading {margin-top:72px}
.home-setup-caption {padding:18px 22px 22px;font-size:.9rem;line-height:1.75;color:var(--body);border-top:1px solid var(--border)}
#examples .lede {margin-top:18px}
#examples .ex-card > a {display:block}
#examples a:focus-visible {outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:640px){
  #track-record .btn-lg{white-space:normal;text-align:center;max-width:100%;padding:16px 24px}
  .home-portfolio-hero{padding:12px;margin-top:34px;border-radius:var(--radius)}
  .home-portfolio-metric{width:100%;margin:20px auto 26px}
  .home-portfolio-hero figcaption{font-size:.72rem;margin:15px 2px 0}
  .home-portfolio-note{font-size:.75rem}
  .home-setups-heading{margin-top:52px}
  #examples .ex-meta{align-items:flex-start;flex-direction:column;gap:4px}
  #examples .ex-date{margin-left:0;color:var(--body)}
  .home-setup-caption{padding:15px 16px 18px;font-size:.83rem}
}