/* Ballon p'Oor: the throne. Five nations get a hue (validated on #1b1d20 for the
   pairs that actually touch in the ribbon); the other fourteen holders are neutral. */
.viz-ballon{
  --b-bra:#199e70;--b-eng:#c98500;--b-sco:#d55181;--b-arg:#3987e5;--b-esp:#d95926;
  --b-crown:#b3b5ad;--b-n1:#61665f;--b-n2:#474b47;--b-thread:rgba(242,241,235,.085)
}
.ballon-ticker{display:grid;gap:5px;margin:0 0 12px;min-width:0}
.ballon-row{display:flex;align-items:baseline;gap:0 10px;min-width:0;white-space:nowrap}
.ballon-big{font:400 30px/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-1px;color:var(--viz-ink);min-width:4.1ch}
.ballon-unit{font:10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--viz-muted);min-width:3ch}
.ballon-who{display:inline-flex;align-items:center;gap:8px;min-width:0;font:500 16px/1.2 var(--sans);letter-spacing:-.2px;color:var(--viz-ink);overflow:hidden;text-overflow:ellipsis}
.ballon-who i{flex:none;display:inline-block;width:16px;height:3px;background:var(--b-crown)}
.ballon-who i[hidden]{display:none}
.ballon-val{font:14px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--viz-muted)}
.ballon-sub{margin:0;min-height:3.2em;font:11px/1.6 var(--mono);color:var(--viz-muted)}
.ballon-sub b{font-weight:400;color:var(--viz-ink)}
.ballon-plot{position:relative;touch-action:pan-y;cursor:crosshair;outline:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.ballon-plot:focus-visible{outline:2px solid var(--viz-accent);outline-offset:6px}
.ballon-plot canvas{display:block;width:100%}
.viz-ballon .viz-controls{justify-content:space-between;gap:10px 18px}
.ballon-keys{display:flex;flex-wrap:wrap;align-items:center;gap:2px 2px;margin:0;padding:0}
.ballon-keys-label{font:10px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--viz-faint);margin-right:6px}
.viz-ballon .ballon-key{display:inline-flex;align-items:center;gap:7px;padding:6px 7px;border:1px solid transparent;
  font:11px/1.2 var(--mono);letter-spacing:0;text-transform:none;color:var(--viz-muted);background:transparent}
.viz-ballon .ballon-key:hover{border-color:var(--viz-line);color:var(--viz-ink)}
.viz-ballon .ballon-key[aria-pressed=true]{background:transparent;color:var(--viz-ink);border-color:var(--viz-muted)}
.ballon-key i{display:inline-block;width:14px;height:2px;background:var(--b-crown)}
.ballon-key b{font-weight:400;font-variant-numeric:tabular-nums;color:var(--viz-ink)}
.ballon-others{display:inline-flex;align-items:center;gap:7px;padding:6px 7px;font:11px/1.2 var(--mono);color:var(--viz-faint)}
.ballon-others i{display:inline-block;width:6px;height:6px;background:var(--b-n1)}
.ballon-others i+i{background:var(--b-n2);margin-left:-5px}
.is-bra i,.ballon-who i.is-bra{background:var(--b-bra)}
.is-eng i,.ballon-who i.is-eng{background:var(--b-eng)}
.is-sco i,.ballon-who i.is-sco{background:var(--b-sco)}
.is-arg i,.ballon-who i.is-arg{background:var(--b-arg)}
.is-esp i,.ballon-who i.is-esp{background:var(--b-esp)}
.viz-ballon .viz-foot span{max-width:60ch}
@media(max-width:800px){
  .ballon-big{font-size:26px}
  .ballon-who{font-size:15px}
  .ballon-val{font-size:13px}
  .ballon-row{gap:0 8px}
  .ballon-sub{min-height:4.8em;font-size:10.5px}
}
/* In an article the prose rules (p margins, table spacing) must not leak into the figure. */
.viz.viz-ballon p,.viz.viz-ballon li{margin:0}
.viz.viz-ballon ol,.viz.viz-ballon ul{padding:0}
.viz.viz-ballon table{margin:0}