/* Findings and private results, in the ballot-paper style */
.kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin: 18px 0 8px; border: 2px solid var(--ink); }
.kpi { padding: 14px 16px; border-right: 2px solid var(--ink); }
.kpi:last-child { border-right: 0; }
.kpi b { display: block; font-size: 2rem; line-height: 1.1; font-variant-numeric: tabular-nums; }
.kpi span { font-size: .88rem; color: var(--muted); }
.stack { display: flex; height: 28px; border: 2px solid var(--ink); margin: 6px 0 4px; background: var(--wash); }
.stack span { display: flex; align-items: center; justify-content: center; font-size: .78rem; font-weight: 700; color: #fff; min-width: 0; overflow: hidden; }
.legend { display: flex; gap: 14px; flex-wrap: wrap; font-size: .84rem; color: var(--muted); margin-bottom: 10px; }
.legend i { display: inline-block; width: 11px; height: 11px; margin-right: 5px; vertical-align: -1px; }
.prow { display: grid; grid-template-columns: 11em 1fr 3.4em; gap: 10px; align-items: center; font-size: .92rem; margin: 9px 0 2px; }
.pbar { height: 10px; background: var(--wash); }
.pbar span { display: block; height: 100%; }
.prow b { text-align: right; font-variant-numeric: tabular-nums; }
.instead { font-size: .82rem; color: var(--muted); margin: 0 0 8px 11.6em; }
section h2 { margin-top: 34px; }
.hint { font-size: .9rem; color: var(--muted); margin-top: -6px; }
@media (max-width: 560px) {
  .prow { grid-template-columns: 7.5em 1fr 3em; }
  .instead { margin-left: 0; }
  .kpi { border-right: 0; border-bottom: 2px solid var(--ink); }
  .kpi:last-child { border-bottom: 0; }
}