/* «¿Qué modelo acierta en tu zona?» (public/js/ranking.js): barras ordenadas por error medio. */
.rk-phrase{margin:8px 0 10px;font-size:13px;line-height:1.45;color:var(--text)}
.rk-bars{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:5px}
.rk-row{display:grid;grid-template-columns:minmax(84px,auto) 1fr auto 14px;align-items:center;gap:8px;font-size:12px;color:var(--text2)}
.rk-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-bar{height:10px;background:var(--panel2);border:1px solid var(--line2);border-radius:3px;overflow:hidden}
.rk-bar i{display:block;height:100%;background:var(--line-strong)}
.rk-tie .rk-bar i{background:var(--accent-line)}
.rk-first .rk-bar i{background:var(--cyan)}
.rk-first{color:var(--text);font-weight:700}
.rk-atlas .rk-bar i{background:var(--amber)}
.rk-cons .rk-name{font-style:italic}
.rk-val{font-variant-numeric:tabular-nums;white-space:nowrap}
.rk-mark{color:var(--cyan);text-align:center;cursor:help}
.rk-notes{line-height:1.45}
.vtabs+.vtabs{margin-top:-2px}
@media(max-width:420px){.rk-bars{gap:7px}.rk-row{grid-template-columns:1fr auto 12px;gap:2px 6px}.rk-name{grid-column:1/-1;white-space:normal}}