/* Leaderboard: one table, with each model's rating range drawn in the row. */
body{padding-bottom:40px}
.board{max-width:900px}
.board .how{display:block}
.totals{color:var(--text-3);font-size:14px;margin:10px 0 0}
.card{background:var(--surface);border:1px solid var(--rule);border-radius:14px;padding:6px 4px;overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
th{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-weight:800;text-align:left;padding:12px 12px 10px}
td{padding:12px;border-top:1px solid var(--rule);white-space:nowrap}
.num{text-align:right}
td.model{font-weight:700;white-space:normal}
td.model small{display:block;font-weight:500;color:var(--text-3);font-size:12.5px}
td.rank{color:var(--text-2);width:1%}
td.rating{font-family:Gloock,Georgia,serif;font-size:19px}
td.range{width:38%;min-width:150px}
.track{position:relative;height:18px}
.track .span{position:absolute;top:7px;height:4px;border-radius:4px;background:rgba(208,138,46,.45)}
.track .dot{position:absolute;top:4px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--iris);box-shadow:0 0 0 2px var(--ground-lo)}
.track .mid{position:absolute;top:0;bottom:0;width:1px;background:var(--rule)}
.track .lab{position:absolute;top:18px;font-size:11px;color:var(--text-3);transform:translateX(-50%)}
.loading{color:var(--text-2);text-align:center}
.provisional{color:var(--iris);font-weight:600}
.method{color:var(--text-3);font-size:13.5px;max-width:70ch;margin:18px auto 0;text-align:center}
@media (max-width:640px){
  th.range-h,td.range{display:none}
  td,th{padding:10px 8px}
}