/*
 * ballot-result.css — a ballot's result, as public/js/ballot-result.js renders it
 * (NEPRIIMTAS-OUTCOME-RULE step 3). Uses tokens from tokens.css, so dark mode
 * follows [data-theme="dark"]. Tones: adopted (green), not-adopted (red),
 * neutral (no decision recorded: no red, no green).
 */
.ballot-result { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 0.15rem 0.5rem; min-width: 0; }
.ballot-result__label {
  display: inline-block;
  padding: 0.05rem 0.45rem;
  border-radius: 999px;
  border: 1px solid currentColor;
  font-size: 0.72rem;
  line-height: 1.4;
  white-space: normal;
}
.ballot-result__label--adopted     { color: var(--vote-for); }
.ballot-result__label--not-adopted { color: var(--vote-against); }
.ballot-result__label--neutral     { color: var(--text-secondary); background: var(--bg-sunken); border-color: transparent; }
.ballot-result__facts { font-size: 0.75rem; color: var(--text-secondary); font-variant-numeric: tabular-nums; }
.ballot-result__entry { font-size: 0.75rem; color: var(--text-secondary); flex-basis: 100%; }
.ballot-result__entry summary { cursor: pointer; width: max-content; }
.ballot-result__quote { display: block; margin-top: 0.2rem; padding-left: 0.6rem; border-left: 2px solid var(--border-hair); white-space: normal; overflow-wrap: anywhere; }