/* ===== Série R: navazuje na Q (F01 + oddělovače) a P (tmavý štítek) ===== */
.r .rows { gap: 22px; top: 176px; }
.r .row { position: relative; }
.r-line .row:not(:last-child)::after { content: ""; position: absolute; left: 0; right: 0; bottom: -12px; height: 2px; background: rgba(0,0,0,.16); }
.r-fade .row:not(:last-child)::after { content: ""; position: absolute; left: 0; right: 0; bottom: -12px; height: 2px; background: linear-gradient(90deg, rgba(0,0,0,.3), rgba(0,0,0,0)); }
.r-short .row:not(:last-child)::after { content: ""; position: absolute; left: 0; bottom: -13px; width: 160px; height: 4px; border-radius: 2px; background: var(--c); }
.r-plate .rows { gap: 14px; } .r-plate .row { background: rgba(255,255,255,.72); padding: 8px 20px 10px; border-radius: 10px; }
/* tmavý štítek s procentem na začátku pruhu (P) v layoutu F */
.r-tag .pct { background: #243746; color: #fff; margin: 0; padding: 0 16px; height: 100%; align-self: stretch; align-items: center; justify-self: start; }
.r-tag .pct .s { color: #fff; }
.r-tag .bar i { min-width: 0; }
.r-tag .bar { background: #E1E5EA; }
.r-tag .bar i { margin-left: 0; }

/* R01 – tenká linka + barevné štítky s čísly */
/* (f-badge, f-round z F02 + r-line) */
/* R02 – bílé plochy + zaoblený pruh */
/* R03 – fade linka, procento za pruhem */
/* R04 – linka + zvětšené písmo */
.r4 .row { --nfs: 52px; --vfs: 44px; --bh: 84px; --pfs: 58px; height: 168px; }
.r4 .rows { gap: 14px; top: 172px; }
/* R05 – krátká linka + tmavý štítek */
.r5 .bar { position: relative; }
/* R06 – hlasy v pruhu vpravo + linka */
.r6 .votes { grid-area: bar; z-index: 2; justify-self: end; align-self: center; margin-right: 24px; color: #000; font-size: 40px; } .r6 .votes b { color: #000; font-weight: 700; }
/* R07 – plochy + barevný proužek vlevo */
.r7 .row { border-left: 8px solid var(--c); padding-left: 24px; }
/* R08 – linka + číslo v barvě strany */
.r8 .no { color: var(--c); text-shadow: 0 0 1px rgba(0,0,0,.5); }
/* R09 – linka s tečkami na koncích */
.r9 .row:not(:last-child)::after { content: ""; position: absolute; left: 0; right: 0; bottom: -12px; height: 2px; background: rgba(0,0,0,.18); }
.r9 .row:not(:last-child)::before { content: ""; position: absolute; left: 0; bottom: -19px; width: 16px; height: 16px; border-radius: 50%; background: var(--c); z-index: 2; border: 3px solid #fff; box-sizing: content-box; }
/* R10 – plochy + štítek + hlasy v pruhu */
.r10 .row { --bh: 68px; }
.r10 .votes { grid-area: bar; z-index: 2; justify-self: end; align-self: center; margin-right: 22px; color: #000; font-size: 38px; } .r10 .votes b { color: #000; font-weight: 700; }