.obn-stellingen-widget{background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--radius);padding:24px;margin:28px 0}
.obn-stellingen-label{display:block;font-size:15px;font-weight:750;letter-spacing:.04em;
  text-transform:uppercase;color:var(--red);margin-bottom:8px}
.obn-stellingen-tekst{font-size:21px;font-weight:700;line-height:1.35;color:var(--ink);margin:0 0 18px}

.obn-stellingen-knoppen{display:flex;gap:12px;margin-bottom:14px}
.obn-stellingen-knoppen.is-gestemd{display:none}
.obn-stellingen-knop{flex:1;padding:13px 18px;font:inherit;font-weight:700;font-size:16px;
  border-radius:999px;border:1.5px solid var(--line);background:var(--surface);
  color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s,transform .1s}
.obn-stellingen-knop:hover{border-color:var(--blue);background:var(--blue-tint)}
.obn-stellingen-knop:active{transform:scale(.98)}
.obn-stellingen-knop[disabled]{opacity:.5;cursor:default}

.obn-stellingen-dankjewel{display:none;font-weight:700;color:var(--blue);margin:0 0 14px}
.obn-stellingen-dankjewel.is-zichtbaar{display:block}
.obn-stellingen-al-elders,
.obn-stellingen-vpn-geblokkeerd,
.obn-stellingen-snel-geblokkeerd{display:none;font-size:14px;color:var(--ink-muted);margin:0 0 14px}
.obn-stellingen-al-elders.is-zichtbaar,
.obn-stellingen-vpn-geblokkeerd.is-zichtbaar,
.obn-stellingen-snel-geblokkeerd.is-zichtbaar{display:block}

.obn-stellingen-teller{position:relative;display:flex;align-items:baseline;gap:6px;
  font-size:15px;color:var(--ink-muted);margin-bottom:6px}
.obn-stellingen-teller-cijfer{font-weight:800;font-size:19px;color:var(--ink);
  font-variant-numeric:tabular-nums}
.obn-stellingen-teller-plus{position:absolute;left:calc(100% + 2px);top:-2px;
  font-weight:800;font-size:14px;color:var(--blue);opacity:0;pointer-events:none}
.obn-stellingen-teller-plus.is-actief{animation:obn-stellingen-plus-omhoog 1.1s ease-out forwards}
@keyframes obn-stellingen-plus-omhoog{
  0%{opacity:0;transform:translateY(4px)}
  15%{opacity:1;transform:translateY(0)}
  75%{opacity:1;transform:translateY(-6px)}
  100%{opacity:0;transform:translateY(-14px)}
}
.obn-stellingen-teller-cijfer.is-actief{animation:obn-stellingen-cijfer-pulse .4s ease-out}
@keyframes obn-stellingen-cijfer-pulse{
  0%{color:var(--blue)}
  100%{color:var(--ink)}
}

.obn-stellingen-venster{font-size:13px;color:var(--ink-muted);margin:0}

.obn-stellingen-balk{height:14px;border-radius:999px;background:var(--red-tint);
  overflow:hidden;margin-bottom:10px}
.obn-stellingen-balk-eens{height:100%;background:var(--blue);border-radius:999px 0 0 999px}
.obn-stellingen-cijfers{display:flex;justify-content:space-between;font-size:14.5px;
  font-weight:700;color:var(--ink);margin-bottom:10px}
.obn-stellingen-cijfers span:first-child{color:var(--blue)}
.obn-stellingen-cijfers span:last-child{color:var(--red)}

.obn-stellingen-archief-link{display:inline-block;margin-top:6px;font-weight:700;
  font-size:14.5px;color:var(--blue);text-decoration:none}
.obn-stellingen-archief-link:hover{text-decoration:underline}

.obn-stellingen-archief-item{margin:0 0 18px}
.obn-stellingen-archief-item .obn-stellingen-label{color:var(--ink-muted);text-transform:none;
  letter-spacing:0;font-weight:600;font-size:13px}

.obn-stellingen-paginering{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 40px}
.obn-stellingen-paginering a{display:inline-flex;align-items:center;justify-content:center;
  min-width:38px;height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--line);
  color:var(--ink-muted);font-weight:700;text-decoration:none}
.obn-stellingen-paginering a:hover{border-color:var(--blue);color:var(--blue)}
.obn-stellingen-paginering a.is-actief{background:var(--blue);border-color:var(--blue);color:#fff}

@media (max-width:600px){
  .obn-stellingen-widget{padding:18px}
  .obn-stellingen-tekst{font-size:18px}
  .obn-stellingen-knop{padding:12px 14px;font-size:15px}
}