.titan-chart-shell {
  min-height: 0;
  height: auto;
}

.titan-chart-shell canvas,
.titan-chart-shell svg {
  display: block;
  width: 100%;
  height: auto;
}

.titan-chart-shell {
  margin-bottom: 0;
  padding-bottom: 0;
}

.titan-chart {
  width: 100%;
  min-height: 280px;
  overflow: visible;
}

.titan-chart-grid-line {
  stroke: rgba(24, 32, 24, 0.08);
  stroke-width: 1;
}

.titan-chart-axis {
  stroke: rgba(24, 32, 24, 0.18);
  stroke-width: 1;
}

.titan-chart-area {
  fill: url("#titan-chart-gradient");
  opacity: 0.3;
}

.titan-chart-line {
  fill: none;
  stroke: var(--titan-primary);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.titan-chart-point {
  fill: var(--titan-gold);
  stroke: #ffffff;
  stroke-width: 3;
  cursor: pointer;
  transition:
    r 160ms ease,
    transform 160ms ease;
}

.titan-chart-point:hover {
  r: 7;
}

.titan-chart-caption {
  margin-top: var(--titan-space-3);
  color: var(--titan-muted);
  font-size: 13px;
  text-align: center;
}
/* ==========================================
   TITAN V9 — Compact Price Chart Pass 2
   Remove the old 280px minimum that caused large blank space
========================================== */
.titan-chart {
  min-height: 0;
}

.titan-chart-caption {
  margin-top: 6px;
  font-size: 13px;
}

@media (max-width: 620px) {
  .titan-chart-caption {
    margin-top: 4px;
    font-size: 12px;
  }
}