.statistic-with-help{grid-template-columns:minmax(0,1fr) 24px 22px}
#add-statistic,.remove-statistic{height:34px;width:24px;padding:0;border:1px solid #b8c9c2;border-radius:5px;background:#f1f5f2;color:#315d4c;font-size:17px;cursor:pointer}
#add-statistic:focus-visible,.remove-statistic:focus-visible{outline:2px solid #315d4c;outline-offset:2px}
#additional-statistics{width:100%;min-width:0}
.additional-statistic{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.additional-metric-field{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:6px;align-items:center}
.research-controls .additional-metric-field>label{display:grid;grid-template-columns:60px minmax(0,1fr);gap:6px;align-items:center;min-width:0;font-size:12px;color:var(--muted)}
.research-controls .additional-metric-field select{width:100%;min-width:0;max-width:100%;padding:6px 4px;font-size:12px}
.additional-chart-note{grid-column:2;margin:0;font-size:10px;line-height:1.5;color:#758379}
.research-workspace .multi-stat-chart{overflow-x:auto!important;--statistic-columns:var(--label-width) minmax(170px,1fr) 80px var(--comparison-grid) var(--count-width,50px) var(--population-width,70px);--statistic-min-width:calc(var(--label-width) + 170px + 80px + var(--comparison-width) + var(--count-width,50px) + var(--population-width,70px) + 42px)}
/* Keep multi-statistic headers and rows above the single-chart range layout. */
.research-workspace .multi-stat-chart .bar-row,.research-workspace .multi-stat-chart .statistic-axis-row,.research-workspace .multi-stat-chart .statistic-titles{display:grid;grid-template-columns:var(--statistic-columns);min-width:var(--statistic-min-width);gap:6px;padding-inline:6px}
.research-workspace .multi-stat-chart .multi-stat-axis{display:block;height:auto;min-width:var(--statistic-min-width);padding:0;text-align:left}
.multi-stat-chart .statistic-axis-row{height:36px;align-items:center;text-align:right}
.multi-stat-chart .statistic-titles{padding-top:8px;align-items:start;text-align:left}
.statistic-titles h2{margin:0;font-size:17px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.statistic-titles .primary-statistic-title{grid-column:1/4;padding-right:18px}
.chart-card .chart-heading[hidden]{display:none}
.research-page .chart-card .result-line{border-top:0;flex-wrap:wrap;justify-content:flex-start;gap:6px 12px}
.chart-card .result-line strong{font-size:12px;line-height:1.6}
.chart-card .result-line .result-order{display:block;margin-left:auto;font-size:11px}
.chart-card .result-line .year-legend{padding:0;gap:8px;max-width:100%;font-size:10px}
.chart-card .result-line .year-legend>span{display:inline-flex;font-size:10px}
.chart-card .result-line .year-legend i{width:8px;height:8px}
.chart-card .result-line .range-toggle{margin-left:auto;flex-shrink:0}
.multi-stat-chart .bar-axis .axis-scale span:not(.axis-zero){display:block}
.multi-stat-chart .bar-count,.multi-stat-chart .bar-population,.multi-stat-chart .count-heading,.multi-stat-chart .population-heading{display:block!important}
.comparison-heading,.comparison-cell{display:grid;grid-template-columns:minmax(90px,1fr) 84px;gap:7px;align-items:center;min-width:0}
.comparison-heading{font-size:10px}
.comparison-axis{display:block;position:relative;height:18px;grid-column:1;font-variant-numeric:tabular-nums}
.comparison-axis>span{position:absolute;transform:translateX(-50%);font-size:10px;white-space:nowrap}
.comparison-axis>span:first-child{transform:none}.comparison-axis>span:last-child{transform:translateX(-100%)}
.comparison-track{position:relative;display:block;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#edf0f2 calc(25% - 1px),#edf0f2 25%)}
.research-workspace .multi-stat-chart .bar-value,.comparison-value{text-align:left;padding-right:18px;white-space:nowrap;font-size:10px;font-variant-numeric:tabular-nums}
.comparison-heat-scatter .bar-fill{height:8px;top:50%;transform:translateY(-50%);border-radius:50%}
.comparison-range{position:absolute;left:0;right:0;height:2px}
.comparison-range .range-segment{position:absolute;top:0;height:2px;background:var(--year-color)}
.comparison-range .range-end{position:absolute;top:-1px;width:4px;height:4px;transform:translateX(-50%);border-radius:50%;background:var(--year-color)}
.component-comparison-preview{overflow:auto;margin-top:12px;font-size:12px}
.component-comparison-preview table{width:100%;border-collapse:collapse}
.component-comparison-preview th,.component-comparison-preview td{padding:6px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.component-comparison-preview th:first-child,.component-comparison-preview td:first-child{text-align:left}
@media(max-width:760px),(pointer:coarse){#add-statistic,.remove-statistic{height:44px}.statistic-with-help{grid-template-columns:minmax(0,1fr) 24px 36px}.research-controls .additional-metric-field select{min-height:44px;font-size:16px}}

.multi-stat-chart .bar-axis .axis-scale span:nth-child(2),.multi-stat-chart .bar-axis .axis-scale span:nth-child(4){display:none}

.multi-stat-chart .statistic-axis-row>span:nth-child(3),.comparison-heading>span:last-child{text-align:left}
.comparison-track:not(.comparison-heat-scatter)>.bar-fill{border-radius:2px;transform:none}