/* Pruh civility (civilita-pruh.js) — stránka Ako hovoria politici aj profil osoby. Len tokeny z web.css / mapa.css
   (--atrament, --karta, --papier, --linka, --linka-2, --tichy, --mono), takže svetlý aj tmavý vzhľad sedí bez úprav.
   Stupne = odtiene atramentu (bez farby): 1 najsvetlejší … 4 plný atrament. */
.cvp-zoznam{display:flex;flex-direction:column;gap:2px}
.cvp-riadok{display:grid;grid-template-columns:minmax(140px,200px) minmax(0,1fr) 230px;gap:6px 14px;align-items:center;
  width:100%;box-sizing:border-box;margin:0;padding:7px 8px;border:0;border-radius:6px;background:none;color:inherit;font:inherit;text-align:left}
button.cvp-riadok{cursor:pointer}
button.cvp-riadok:hover{background:color-mix(in srgb,var(--atrament) 5%,transparent)}
button.cvp-riadok:focus-visible{outline:2px solid var(--atrament);outline-offset:1px}
.cvp-riadok[aria-pressed=true]{background:color-mix(in srgb,var(--atrament) 8%,transparent);box-shadow:inset 3px 0 0 var(--atrament)}
.cvp-kto{display:flex;align-items:center;gap:8px;min-width:0}
.cvp-meno{font-weight:600;font-size:14px;line-height:1.25;min-width:0;overflow-wrap:anywhere}
.cvp-meno small{display:block;font-weight:400;font-size:12px;color:var(--tichy)}
.cvp-foto{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;background:var(--linka)}
.cvp-inic{display:inline-flex;align-items:center;justify-content:center;font:600 11px var(--font);color:var(--atrament-2);border:1px solid var(--linka-2);background:var(--karta)}
.cvp-pruh{position:relative;display:flex;height:20px;border:1px solid var(--linka-2);background:var(--karta);min-width:0}
.cvp-pruh i{display:block;height:100%;min-width:0;box-shadow:inset -1px 0 0 var(--karta)}
.cvp-pruh i:last-of-type{box-shadow:none}
.cvp-s1{background:color-mix(in srgb,var(--atrament) 10%,var(--karta))}
.cvp-s2{background:color-mix(in srgb,var(--atrament) 32%,var(--karta))}
.cvp-s3{background:color-mix(in srgb,var(--atrament) 62%,var(--karta))}
.cvp-s4{background:var(--atrament)}
/* 95 % interval podielu 3–4: tenká čiarka cez hranicu segmentu, s okrajom, aby bola vidieť na svetlom aj tmavom odtieni */
.cvp-int{position:absolute;top:50%;height:2px;margin-top:-1px;background:var(--papier);box-shadow:0 0 0 1px var(--atrament);pointer-events:none}
.cvp-int::before,.cvp-int::after{content:"";position:absolute;top:-4px;width:2px;height:10px;background:var(--papier);box-shadow:0 0 0 1px var(--atrament)}
.cvp-int::before{left:-1px}
.cvp-int::after{right:-1px}
.cvp-cisla{font-size:13px;color:var(--atrament-2);line-height:1.35}
.cvp-cisla b{font:600 13px var(--mono);color:var(--atrament)}
.cvp-cisla small{display:block;font:11.5px var(--mono);color:var(--tichy)}
.cvp-znak{vertical-align:-1px;margin-left:2px;color:var(--atrament)}
.cvp-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--atrament-2);margin:8px 0 0}
.cvp-leg i{display:inline-block;width:12px;height:12px;border:1px solid var(--linka-2);vertical-align:-2px;margin-right:5px}
.cvp-leg-int{display:inline-block;position:relative;width:18px;height:2px;margin-right:6px;vertical-align:3px;background:var(--papier);box-shadow:0 0 0 1px var(--atrament)}
.cvp-suhrn .cvp-meno{font-weight:750}
.cvp-skupina{margin:16px 0 0;padding-top:6px;border-top:2px solid var(--atrament)}
.cvp-skupina:first-child{margin-top:4px}
.cvp-skupina>h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--tichy);margin:2px 8px 2px}
.cvp-porov .cvp-riadok{padding-left:0;padding-right:0}
@media (max-width:760px){
  .cvp-riadok{grid-template-columns:minmax(0,1fr);gap:5px;padding:9px 4px}
  .cvp-cisla small{display:inline}
}