/* volg.css — de keuzeknop en de teller, in de kleuren van site.css */
.vg{margin:28px 0 8px;padding:22px 22px 18px;border:1px solid var(--rule);
  border-left:3px solid var(--brass);background:var(--panel);border-radius:3px}
.vg-ask{margin:0 0 16px;color:var(--ink)}
.vg-act{margin:0}
.vg .btn{font-size:inherit;cursor:pointer;border:0;font-family:inherit}
.vg .btn[disabled]{opacity:.6;cursor:progress}
.vg-note{font-size:13px;line-height:1.6;color:var(--ink-3);margin:14px 0 0}
.vg-thanks{font-size:18px;line-height:1.55;color:var(--ink);margin:0 0 6px}
.vg-fout{margin:14px 0 0;color:#9a2b2b;font-size:15px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .vg-fout{color:#e49a9a}}
:root[data-theme="dark"] .vg-fout{color:#e49a9a}
.vg-uitslag{margin-top:18px}
.vg-total{margin:0 0 12px;font-size:17px;color:var(--ink-2)}
.vg-num{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.4em;
  line-height:1;color:var(--brass);margin-right:.15em;font-weight:600}
.vg-landen{list-style:none;margin:0;padding:0}
.vg-landen li{display:grid;grid-template-columns:minmax(7em,12em) 1fr 3em;
  gap:10px;align-items:center;padding:4px 0;font-size:15px}
.vg-landen li.mine .vg-land{font-weight:600}
.vg-bar{height:6px;background:var(--rule-soft);border-radius:3px;overflow:hidden}
.vg-fill{display:block;height:100%;background:var(--brass);border-radius:3px}
.vg-n{text-align:right;font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--ink-3)}
.vg-wat{margin-top:16px;font-size:14px;color:var(--ink-2)}
.vg-wat summary{cursor:pointer;color:var(--ink-3)}
.vg-wat p{margin:8px 0 0;line-height:1.6}
@media (max-width:480px){.vg-landen li{grid-template-columns:1fr 3em}.vg-bar{grid-column:1/-1;order:3}}
html[dir="rtl"] .vg{border-left:1px solid var(--rule);border-right:3px solid var(--brass)}
html[dir="rtl"] .vg-n{text-align:left}
html[dir="rtl"] .vg-num{margin-right:0;margin-left:.15em}