.compare {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
}

.compare strong {
  display: block;
  margin-top: 4px;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 18px;
}

.compare .BUY, #side2.BUY { color: var(--up); }
.compare .SELL, #side2.SELL { color: var(--down); }
.compare .WAIT, #side2.WAIT, .compare .FLAT { color: var(--gold); }
.compare .DOWN { color: var(--down); }
.compare .UP { color: var(--up); }

.candle-row {
  display: flex;
  gap: 8px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--line);
}

.candle {
  min-width: 120px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 4px;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 12px;
}

.candle.down { color: var(--down); }
.candle.up { color: var(--up); }

@media (max-width: 720px) {
  .compare { grid-template-columns: 1fr; }
}