/* estimation.css - page-specific D3 chart styling for the bootstrap demo (under .ui .estimation). */

.estimation .boot-svg .axis path,
.estimation .boot-svg .axis line { stroke: rgba(255, 255, 255, 0.22); }
.estimation .boot-svg .axis text { fill: rgba(255, 255, 255, 0.72); font-size: 12px; }

/* bootstrap distribution bars use the accent; CI / point estimate / truth stay distinct encodings */
.estimation .boot-svg .bars rect {
  fill: color-mix(in srgb, var(--accent) 38%, transparent);
  stroke: color-mix(in srgb, var(--accent) 70%, transparent);
}
.estimation .boot-svg .ci-band { fill: rgba(94, 201, 154, 0.10); }
.estimation .boot-svg .ci-line { stroke: rgba(94, 201, 154, 0.9); stroke-width: 2; }
.estimation .boot-svg .hat-line { stroke: rgba(230, 169, 63, 0.95); stroke-width: 2; }
.estimation .boot-svg .truth-line { stroke: rgba(255, 255, 255, 0.65); stroke-width: 2; stroke-dasharray: 5 4; }

.estimation .boot-svg .boot-legend .legend-box { fill: rgba(0, 0, 0, 0.35); stroke: rgba(255, 255, 255, 0.10); }
.estimation .boot-svg .boot-legend .legend-text { fill: rgba(255, 255, 255, 0.80); font-size: 12px; }
.estimation .boot-svg .boot-legend .legend-truth { stroke: rgba(255, 255, 255, 0.70); stroke-width: 2; stroke-dasharray: 5 4; }
.estimation .boot-svg .boot-legend .legend-hat { stroke: rgba(230, 169, 63, 0.95); stroke-width: 2; }
.estimation .boot-svg .boot-legend .legend-ci { stroke: rgba(94, 201, 154, 0.9); stroke-width: 2; }
.estimation .boot-svg .boot-legend .legend-ci-band { fill: rgba(94, 201, 154, 0.10); stroke: rgba(94, 201, 154, 0.35); }

.estimation .boot-metrics {
  background: var(--surface);
  border: 1px solid var(--surface-border);
  border-radius: var(--radius-lg);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font: 500 13px/1.5 var(--font-mono);
  color: var(--text-2);
  font-variant-numeric: tabular-nums;
}