.cv-ranking {
  --cv-rank-position-width: 44px;
  --cv-rank-model-width: 230px;
  width: min(100%, 1120px);
  margin: 32px auto 48px;
  color: var(--ink);
  font: 13px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace;
}
.cv-ranking-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.cv-ranking h3 { font-size: 22px; line-height: 1.25; letter-spacing: 0; margin: 0; }
.cv-ranking p { margin: 6px 0; }
.cv-ranking-heading p, #cv-ranking-help, .cv-ranking-help, .cv-ranking-key { color: var(--muted); font-size: 12px; }
.cv-ranking-heading p { white-space: nowrap; }
.cv-ranking-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
#cv-rank-status { font-size: 12px; }
.cv-rank-mobile-sort { display: none; }
.cv-rank-scroll { max-width: 100%; overflow-x: auto; margin-top: 12px; border: 1px solid var(--line); }
.cv-rank-table { width: 100%; min-width: 850px; table-layout: fixed; border-collapse: separate; border-spacing: 0; margin: 0; }
.cv-rank-position-column { width: var(--cv-rank-position-width); }
.cv-rank-model-column { width: var(--cv-rank-model-width); }
.cv-rank-table th, .cv-rank-table td { padding: 0; border: 0; border-bottom: 1px solid var(--line); vertical-align: middle; }
.cv-rank-table thead th { position: sticky; top: 0; z-index: 2; background: var(--paper); color: var(--ink); font: inherit; }
.cv-rank-table thead .cv-rank-model-cell { padding-left: 10px; }
.cv-rank-table .cv-rank-position { position: sticky; left: 0; z-index: 1; background: var(--paper); text-align: center; color: var(--muted); font-size: 11px; }
.cv-rank-table .cv-rank-model-cell { position: sticky; left: var(--cv-rank-position-width); z-index: 1; background: var(--paper); text-align: left; font-size: 13px; }
.cv-rank-table thead .cv-rank-position, .cv-rank-table thead .cv-rank-model-cell { z-index: 3; }
.cv-rank-table [data-score-column="0"] { border-right: 2px solid var(--line); }
.cv-rank-sort, .cv-rank-model { color: inherit; background: transparent; border: 0; border-radius: 0; font: inherit; width: 100%; }
.cv-rank-sort { min-height: 56px; padding: 6px 2px; text-align: center; }
.cv-rank-sort small { display: block; font-size: 11px; color: var(--muted); line-height: 1.4; }
.cv-rank-arrow { visibility: hidden; font-size: 12px; }
[aria-sort="descending"] .cv-rank-sort { background: var(--ink); color: var(--paper); }
[aria-sort="descending"] .cv-rank-sort small { color: inherit; }
[aria-sort="descending"] .cv-rank-arrow { visibility: visible; }
.cv-rank-sort:not(:disabled):hover { box-shadow: inset 0 -3px var(--blue); }
.cv-rank-sort:disabled, .cv-rank-model:disabled { cursor: default; }
.cv-rank-sort:focus-visible, .cv-rank-model:focus-visible { outline-offset: -3px; }
.cv-rank-model { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 34px; padding: 5px 10px; text-align: left; line-height: 1.4; font-weight: 400; }
.cv-rank-model:not(:disabled):hover { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.cv-rank-inspect { flex: 0 0 auto; color: var(--muted); visibility: hidden; }
.cv-rank-model:not(:disabled):hover .cv-rank-inspect, .cv-rank-model:focus-visible .cv-rank-inspect { visibility: visible; }
.cv-rank-selected .cv-rank-model { color: var(--blue); font-weight: 700; box-shadow: inset 3px 0 var(--blue); }
.cv-rank-selected .cv-rank-model-cell { background: var(--accent); }
.cv-rank-score { text-align: center; background: color-mix(in srgb, var(--blue) var(--cv-score-fill), var(--paper)); }
.cv-rank-value { font-size: 15px; font-weight: 400; }
.cv-rank-best .cv-rank-value { font-weight: 800; }
.cv-rank-active .cv-rank-value { color: var(--blue); }
.cv-rank-score[data-score="0"] .cv-rank-value { color: var(--muted); }
.cv-rank-table tbody tr:last-child > * { border-bottom: 0; }
.cv-ranking .cv-ranking-key { margin-top: 9px; }
#cv-explorer { scroll-margin-top: 28px; }
.cv-explorer .cv-inspection-label { margin: 0 0 8px; padding-top: 24px; border-top: 1px solid var(--line); font-size: 13px; color: var(--muted); }
@media (max-width: 700px) {
  .cv-ranking { --cv-rank-position-width: 34px; --cv-rank-model-width: 166px; }
  .cv-ranking-heading { align-items: start; }
  .cv-ranking-heading p { font-size: 11px; }
  .cv-ranking h3 { font-size: 20px; }
  .cv-ranking-tools { flex-direction: column; align-items: stretch; gap: 6px; }
  .cv-rank-mobile-sort { display: flex; align-items: center; gap: 10px; font-size: 12px; }
  .cv-rank-mobile-sort select { flex: 1; min-height: 36px; color: var(--ink); background: var(--paper); border: 1px solid var(--ink); font: inherit; padding: 6px; }
  .cv-rank-table { min-width: 760px; }
  .cv-rank-table .cv-rank-model-cell { font-size: 12px; }
  .cv-rank-model { min-height: 40px; padding: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
@media print {
  .cv-rank-scroll { overflow: visible; }
  .cv-rank-table { min-width: 0; font-size: 10px; }
  .cv-ranking-help, .cv-rank-mobile-sort { display: none; }
}