.comparison-chart{--chart-accent:var(--teal);margin:24px 0;background:#fffaf0;border:1px solid var(--rule);border-top:4px solid var(--ink);padding:22px 24px;max-width:850px}
.comparison-chart figcaption{font:700 22px/1.25 var(--serif);color:var(--ink);margin-bottom:17px}
.comparison-chart .chart-kicker{display:block;font:700 12px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:7px}
.comparison-chart dl{display:grid;gap:15px;margin:0}
.comparison-chart .chart-row{display:grid;grid-template-columns:minmax(150px,230px) minmax(0,1fr);gap:14px;align-items:center}
.comparison-chart dt{font:700 15px/1.35 var(--sans);color:var(--ink)}
.comparison-chart dd{margin:0;min-width:0}
.comparison-chart .chart-value{display:block;font:700 15px/1.25 var(--sans);color:var(--ink);margin-bottom:5px}
.comparison-chart .chart-track{display:block;width:100%;height:15px;background:#e8e0d0;border:1px solid #d6cbb7;overflow:hidden}
.comparison-chart .chart-fill{display:block;height:100%;background:var(--chart-accent)}
.comparison-chart .chart-fill--full{width:100%}
.comparison-chart .chart-fill--operating{width:3.33%}
.comparison-chart .chart-fill--water{width:5.75%}
.comparison-chart .chart-fill--payroll-1965{width:37.0%}
.comparison-chart .chart-row--contrast .chart-fill{background:var(--red)}
.comparison-chart .chart-note{font:14px/1.5 var(--sans);color:#4d554e;margin:17px 0 0}
.comparison-chart .chart-source{font:13px/1.45 var(--sans);margin:9px 0 0}
@media(max-width:680px){.comparison-chart{padding:19px}.comparison-chart figcaption{font-size:20px}.comparison-chart .chart-row{grid-template-columns:1fr;gap:4px}.comparison-chart dl{gap:18px}}