/* Result comparisons keep exact values visible beside a common zero-based scale. */
.comparison-key { display:flex; flex-wrap:wrap; gap:10px 22px; font-size:12px; margin:8px 0 12px; }
.policy-0 { color:var(--base,var(--muted)); }
.policy-1 { color:var(--task,#b05c36); }
.policy-2 { color:var(--safe); }
.comparison-key span::before { content:'●'; margin-right:7px; }
.comparison-key .policy-0::before { content:'○'; }
.comparison-key .policy-1::before { content:'▲'; font-size:10px; }
.comparison-row { display:grid; grid-template-columns:125px minmax(0,1fr); align-items:center; gap:18px; border-top:1px solid var(--line); padding:16px 0; }
.comparison-label { font:600 14px/1.4 var(--sans); margin:0; color:var(--ink); }
.comparison-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.comparison-metric:only-child { grid-column:1/-1; }
.comparison-metric-title { font:400 12px/1.5 var(--sans); color:var(--muted); margin:0; }
.comparison-metric svg { display:block; width:100%; height:36px; margin:3px 0; overflow:visible; }
.comparison-axis,.comparison-tick { fill:none; stroke:var(--line); stroke-width:1; }
.comparison-span { fill:none; stroke:var(--safe); stroke-width:5; opacity:.15; }
.comparison-stem { stroke:currentColor; stroke-width:1; opacity:.6; }
.comparison-point { fill:currentColor; stroke:currentColor; stroke-width:1.5; }
.comparison-point.policy-0 { fill:var(--paper); stroke-width:2; }
.comparison-values { display:flex; gap:12px; justify-content:space-between; font-variant-numeric:tabular-nums; }
.comparison-values span { display:flex; align-items:baseline; gap:4px; }
.comparison-values strong { font:600 14px/1.4 var(--sans); }
.comparison-values small { font-size:10px; opacity:.85; }
.evidence-table-wrap { margin:16px 0; }
.result-table { width:100%; border-collapse:collapse; font-size:13px; font-variant-numeric:tabular-nums; text-align:left; }
.result-table th,.result-table td { border-bottom:1px solid var(--line); padding:12px 9px; vertical-align:middle; }
.result-table thead th { color:var(--muted); font:400 11px/1.4 var(--sans); }
.result-table th:first-child { padding-left:0; }
.result-table tbody th { font-weight:400; line-height:1.45; width:40%; }
.result-table .table-group th { font:600 11px/1.5 var(--sans); color:var(--safe); padding-top:22px; width:auto; }
.rate-cell { white-space:nowrap; }
.rate-value { display:inline-block; min-width:58px; padding:5px 2px; background:linear-gradient(to right,color-mix(in srgb,currentColor 10%,transparent) var(--value),transparent var(--value)); }
.gain-cell { color:var(--safe); white-space:nowrap; font-weight:600; }
.result-target { font:600 13px/1.4 var(--sans); color:var(--ink); padding:0; border:0; background:none; text-align:left; cursor:pointer; text-decoration:underline; text-decoration-color:var(--line); text-underline-offset:4px; }
.result-target:hover { color:var(--safe); text-decoration-color:currentColor; }
.result-target:focus-visible { outline:2px solid var(--safe); outline-offset:4px; }
.result-table th small { display:block; font-size:11px; line-height:1.45; color:var(--muted); margin-top:4px; }
.not-evaluated { color:var(--muted); }
.result-inspector { border-block:1px solid var(--line); margin:24px auto 32px; padding:14px 0; scroll-margin-top:24px; }
.result-inspector>summary { font-size:13px; cursor:pointer; color:var(--safe); }
.result-inspector .transfer-figure { margin-top:18px; width:100%; }
@media(max-width:700px) {
  .comparison-row { grid-template-columns:1fr; gap:10px; }
  .comparison-label { font-size:14px; }
  .comparison-metrics { gap:16px; }
  .comparison-values { gap:5px; flex-wrap:wrap; }
  .comparison-values span { gap:3px; }
  .comparison-values strong { font-size:13px; }
  .comparison-values small { display:none; }
  .comparison-metric-title { font-size:11px; min-height:32px; }
  .result-table { font-size:11px; }
  .result-table th,.result-table td { padding:10px 4px; }
  .result-table tbody th { width:34%; }
  .result-table thead th { font-size:10px; overflow-wrap:anywhere; }
  .result-target { font-size:12px; }
  .result-table th small { font-size:10px; }
  .rate-value { min-width:42px; }
  .gain-cell { white-space:normal; }
  .comparison-key { font-size:11px; gap:6px 12px; }
}
