.rel-rankings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;margin:12px 0}
.rel-ranking{min-width:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 18px;color:#0f172a}
.rel-ranking h3{font-size:13px;font-weight:700;margin:0 0 3px}.rel-ranking>p{font-size:11px;color:#64748b;margin:0 0 12px}
.rel-ranking ol{list-style:none;margin:0;padding:0;max-height:440px;overflow:auto}.rel-ranking li{padding:8px 2px;border-radius:4px}.rel-ranking li:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}
.rel-ranking-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;line-height:1.4}.rel-ranking-label span{overflow-wrap:anywhere;min-width:0}.rel-ranking-label strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}
.rel-ranking-track{height:6px;border-radius:6px;background:#f1f5f9;position:relative;margin:7px 0 4px;overflow:hidden}.rel-ranking-track i{display:block;position:absolute;top:0;height:100%;border-radius:6px}.rel-ranking-signed:after{content:'';position:absolute;left:50%;height:100%;border-left:1px solid #94a3b8}
.rel-ranking small,.rel-ranking-empty{font-size:10px;color:#64748b}.rel-ranking-empty{padding:12px 0}
html.dark-mode .rel-ranking{background:var(--dk-surface,#1e293b);border-color:var(--dk-border,#334155);color:var(--dk-text,#e2e8f0)}html.dark-mode .rel-ranking-track{background:#334155}
@media(max-width:700px){.rel-rankings{grid-template-columns:1fr}.rel-ranking{padding:14px}.rel-ranking-label{flex-wrap:wrap;gap:3px 12px}}