/* Complementa apuracao.css: so o que a lista de locais de votacao tem de diferente. */
.summary{grid-template-columns:repeat(4,1fr)}
.place{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.place:first-child{border-top:0}
.place .pos{font-size:13px;font-weight:800;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}
.place .who{min-width:0}
.place .name{display:block;font-size:14px;font-weight:750;overflow-wrap:anywhere}
.place .detail{display:block;font-size:11px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}
.place .result{text-align:right;font-variant-numeric:tabular-nums}
.place .votes{display:block;font-size:15px;font-weight:800}
.place .pct{display:block;font-size:12px;color:var(--muted)}
.place .bar{grid-column:2/4;height:5px;border-radius:5px;background:#e8eef7;overflow:hidden}
.place .bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.place.top .pos{color:var(--blue)}
button.place{width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:inherit;text-align:left}
li:first-child>button.place{border-top:0}
button.place:hover .name{color:var(--blue)}
@media(max-width:700px){
  .summary{grid-template-columns:repeat(2,1fr)}
  .place{grid-template-columns:26px minmax(0,1fr) auto;gap:4px 9px}
}