.research-figure {
  margin: var(--oracle-space-s6) 0;
}

.research-figure-img {
  width:         100%;
  height:        auto;
  display:       block;
  border:        1px solid var(--oracle-color-cloud);
  border-radius: var(--oracle-border-radius);
  background:    var(--oracle-color-surface);
}

.research-figure-caption {
  font-family:    var(--oracle-font-mono);
  font-size:      var(--oracle-size-caption);
  line-height:    1.5;
  color:          var(--oracle-color-ink-muted);
  margin-top:     var(--oracle-space-s2);
  text-align:     left;
}

.benchmark-chart-svg {
  width:   100%;
  height:  auto;
  display: block;
}

.research-chart {
  background:    var(--oracle-color-surface);
  border:        1px solid var(--oracle-color-cloud);
  border-radius: var(--oracle-border-radius);
  padding:       var(--oracle-space-s4) var(--oracle-space-s4) var(--oracle-space-s2);
}

.chart-grid {
  stroke:       var(--oracle-color-cloud);
  stroke-width: 1;
  stroke-dasharray: 3 3;
}

.chart-axis-label {
  font-family: var(--oracle-font-mono);
  font-size:   11px;
  fill:        var(--oracle-color-ink-muted);
}

.chart-axis-title {
  font-family:    var(--oracle-font-mono);
  font-size:      11px;
  letter-spacing: 0.08em;
  fill:           var(--oracle-color-ink-muted);
}

.chart-regression {
  stroke:       var(--oracle-color-sky);
  stroke-width: 2;
  stroke-opacity: 0.7;
}

.pareto-dot-open {
  fill:         var(--oracle-color-sky);
  fill-opacity: 0.9;
}

.pareto-dot-proprietary {
  fill:           var(--oracle-color-surface);
  stroke:         var(--oracle-color-ink-soft);
  stroke-width:   1.5;
}

.pareto-point-label {
  font-family: var(--oracle-font-mono);
  font-size:   11px;
  fill:        var(--oracle-color-ink-soft);
}