/* @screen E-091 — Rangs et votes (planche Ranks) */
.ranks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}
.rk{display:grid;gap:12px;align-content:start;justify-items:start;padding:24px;border-radius:12px;background:var(--surface-raised);border:1px solid var(--border)}
.rk--top{border-color:var(--accent)}
.rk h3{margin:0;line-height:0}
.rk .na-rank{font-size:14px}
.rk ul{margin:0;padding-left:1.2em;display:grid;gap:6px;font-size:14px;line-height:22px;color:var(--ink-muted)}
.rk .eyebrow{margin-top:4px}
.me-prog{display:grid;gap:16px}
.me-prog__head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.me-prog__head h2{margin:0;font:600 18px/26px var(--font-text)}
.me-prog p{margin:0;font-size:15px;color:var(--ink-muted)}
.prog{display:grid;gap:14px}
.bar{display:grid;gap:6px}
.bar .top{display:flex;justify-content:space-between;gap:12px;font-size:15px}
.bar .track{height:8px;border-radius:999px;background:var(--surface-sunken);border:1px solid var(--border);overflow:hidden}
.bar .fill{height:100%;background:var(--accent);border-radius:999px}
.vrules{display:grid}
.vrules>div{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);font-size:16px;line-height:26px}
.vrules>div:last-child{border-bottom:0}
.vrules .t{color:var(--ink-muted)}
.vrules strong{color:var(--ink)}
.see{margin:0;font-size:15px;color:var(--ink-muted)}
.see a{display:inline-flex;align-items:center;min-height:24px}
@media (max-width:960px){.me-prog{order:-1}}