/* ── Compare Page Styles ── */
.compare-selector { margin-bottom: var(--sp-6); }
.selected-chips { display: flex; gap: var(--sp-3); flex-wrap: wrap; margin-top: var(--sp-4); }
.selected-chips:empty { margin-top: 0; }
.compare-legend { display: flex; gap: var(--sp-5); flex-wrap: wrap; margin-bottom: var(--sp-4); }
.compare-legend-item { display: flex; align-items: center; gap: var(--sp-2); font-size: var(--fs-13); color: var(--text-secondary); }
.compare-table .best-value { color: var(--color-up) !important; font-weight: var(--fw-semibold); }

/* Multi-line chart hover tooltip */
.mlc-tooltip {
  position: absolute;
  display: none;
  pointer-events: none;
  background: var(--bg-white);
  border: 1px solid var(--border-light);
  box-shadow: var(--shadow-popup);
  border-radius: var(--radius-md);
  padding: var(--sp-3) var(--sp-4);
  font-size: var(--fs-12);
  z-index: 10;
  min-width: 160px;
}
.mlc-row { display: flex; align-items: center; gap: var(--sp-3); margin-bottom: 3px; }
.mlc-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.mlc-name {
  flex: 1; min-width: 0; max-width: 130px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  color: var(--text-secondary); font-weight: var(--fw-medium);
}
.mlc-val { font-weight: var(--fw-semibold); font-variant-numeric: tabular-nums; }
.mlc-val.up { color: var(--color-up); }
.mlc-val.down { color: var(--color-down); }
.mlc-date {
  font-size: var(--fs-11); color: var(--text-tertiary);
  margin-top: var(--sp-2); padding-top: var(--sp-2);
  border-top: 1px solid var(--border-light);
}