@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f8faf9;--paper:#fff;--ink:#1c302a;--muted:#74817b;--line:#e2e8e4;--green:#147d68;--light:#edf5f0;--font:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button,a{touch-action:manipulation}.site-header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6%;max-width:1600px;margin:auto}.brand{display:flex;align-items:center;font-family:var(--display);font-size:22px;font-weight:800;letter-spacing:-1px}.brand>.wordmark-sot{font-weight:400}.brand-icon{width:29px;height:27px;display:flex;align-items:flex-end;gap:3px;margin-right:11px;padding-bottom:3px}.brand-icon i{background:var(--green);width:6px;border-radius:1px}.brand-icon i:nth-child(1){height:11px}.brand-icon i:nth-child(2){height:18px}.brand-icon i:nth-child(3){height:25px}.brand-tag{font:9px var(--font);font-weight:600;letter-spacing:1.5px;border:1px solid var(--line);padding:5px 7px;border-radius:4px;margin-left:13px;color:var(--muted)}nav{display:flex;align-items:center;gap:31px;font-size:13px}nav a:hover,nav .active{color:var(--green)}.source-link{border-left:1px solid var(--line);padding-left:30px}.source-link span{padding-left:8px}main{min-height:calc(100vh - 210px)}.hero{max-width:1120px;margin:auto;padding:75px 20px 48px;text-align:center}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #d6e6dc;border-radius:30px;background:#f0f6f2;color:#4c6c5b;font-size:11px;font-weight:500;letter-spacing:.1px}.dot{height:6px;width:6px;background:var(--green);border-radius:100%;box-shadow:0 0 0 3px #147d680c}.hero h1{font-family:var(--display);font-size:clamp(44px,5.4vw,69px);letter-spacing:-3.5px;line-height:1.13;font-weight:750;margin:25px 0 19px}.hero h1 em{font-style:normal;color:var(--green)}.hero-description{font-size:16px;line-height:1.8;color:#748078;margin:0}.typing-line{height:31px;color:#68796e;margin-top:15px;font-size:14px}.typing-line strong{color:var(--green);font-weight:500;font-family:monospace}.cursor{display:inline-block;background:var(--green);width:1px;height:16px;vertical-align:-3px;margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.hero-actions{display:flex;justify-content:center;gap:10px;margin:27px 0 21px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid #dce4de;border-radius:6px;background:white;padding:11px 16px;color:var(--ink);font-weight:550;font-size:12px;min-height:40px;transition:background .2s,transform .2s}.button:hover{background:#f0f5f2}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.primary:hover{background:#106a59}.button .arrow{font-size:17px}.hero-footnote{font-size:10px;color:#98a39c;letter-spacing:.2px}.metrics{max-width:770px;display:grid;grid-template-columns:repeat(3,1fr);margin:36px auto 0;border-top:1px solid var(--line);padding-top:26px}.metric{border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{display:block;font-family:var(--display);font-size:25px;font-weight:650;letter-spacing:-1px}.metric span{display:block;margin-top:7px;color:var(--muted);font-size:11px}.content{max-width:1190px;margin:auto;padding:32px 30px 62px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.section-heading h2{font-family:var(--display);font-size:20px;letter-spacing:-.6px;margin:0 0 5px}.section-heading p{color:var(--muted);font-size:12px;margin:0}.section-heading .eyebrow{margin-bottom:10px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--green);font-weight:650;display:block}.live-label{color:#687d6c;font-size:10px;display:flex;align-items:center;gap:7px}.chart-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 5px 18px #1c302a03}.chart-header{padding:23px 27px 18px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.chart-title{font-weight:600;font-size:14px;margin:0 0 7px}.version{font-family:monospace;color:var(--green);font-size:10px;overflow-wrap:anywhere;line-height:1.5;max-width:700px}.chart-badge{background:#f5f7f5;border:1px solid #e5eae6;padding:6px 9px;border-radius:4px;color:#718176;font-size:9px;white-space:nowrap}.chart-scroll{overflow-x:auto;padding:2px 26px 0}.plot{height:293px;position:relative;margin:22px 13px 0 31px;min-width:450px}.grid-lines{position:absolute;inset:0;pointer-events:none}.grid-line{position:absolute;left:0;right:0;border-top:1px dashed #e8ede9}.grid-line span{position:absolute;right:calc(100% + 12px);top:-7px;font-size:10px;color:#95a098}.bars{display:flex;align-items:flex-end;position:absolute;inset:0;gap:clamp(10px,3.5vw,48px);padding:0 31px}.bar-column{flex:1;min-width:30px;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative;max-width:140px}.bar{background:var(--bar-color);width:100%;max-width:90px;border-radius:4px 4px 0 0;position:relative;min-height:3px;transition:height .35s;touch-action:none}.bar.editable{cursor:grab}.bar.editable:active{cursor:grabbing}.bar-value{position:absolute;top:-24px;left:0;right:0;text-align:center;font-size:12px;font-weight:650;color:var(--ink)}.bar-name{position:absolute;top:calc(100% + 14px);width:130%;font-family:monospace;font-size:10px;text-align:center;overflow-wrap:anywhere;line-height:1.4;color:#67756d}.bar-family{position:absolute;top:calc(100% + 48px);font-size:9px;color:#9aa39d;width:150%;text-align:center}.rank-tag{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#ffffffa8;font-size:10px}.resize-handle{position:absolute;height:14px;top:0;left:0;width:100%;border:0;border-radius:4px 4px 0 0;background:transparent;cursor:ns-resize;touch-action:none}.resize-handle:after{content:'';position:absolute;top:5px;width:15px;height:2px;background:#ffffff90;left:calc(50% - 7px)}.chart-label-space{height:88px}.chart-footer{border-top:1px solid #edf0ee;padding:14px 27px;display:flex;justify-content:space-between;align-items:center;color:#89958d;font-size:10px;gap:14px}.chart-footer b{color:#6f8075;font-weight:500}.below-preview{display:flex;justify-content:center;padding-top:23px}.text-button{border:0;background:none;color:var(--green);font-weight:550;font-size:12px;padding:5px 0}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:46px;padding-top:27px;gap:35px}.principles span{font:10px monospace;color:#96a399}.principles h3{font-size:13px;font-weight:600;margin:10px 0 7px}.principles p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.workspace-head{padding-top:48px}.workspace-head h1{font-family:var(--display);font-size:35px;letter-spacing:-1.4px;margin:10px 0 12px}.workspace-head p{color:var(--muted);line-height:1.8;font-size:13px;max-width:670px}.workspace-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start;margin-top:28px}.model-panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px}.model-panel h2{font-size:13px;margin:0 0 7px}.model-panel>p{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 17px}.search-wrap{position:relative}.search-input{border:1px solid #dbe4dd;border-radius:5px;min-height:39px;width:100%;padding:9px 10px;background:#fbfcfb;font-size:12px;color:var(--ink)}.model-options{margin-top:10px;max-height:285px;overflow:auto}.model-option{display:flex;align-items:center;gap:9px;padding:9px 0;font-size:11px;cursor:pointer}.model-option input{accent-color:var(--green);margin:0}.model-option span{overflow-wrap:anywhere;min-width:0}.model-option small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.field-label{font-size:11px;font-weight:550;color:#6b7c72;display:block}.custom-button{width:100%;margin-top:10px;font-size:11px}.model-note{border-top:1px solid var(--line);margin-top:17px;padding-top:15px;font-size:10px;line-height:1.7;color:#99a39c}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:12px;flex-wrap:wrap}.toolbar-note{font-size:10px;color:var(--muted)}.toolbar-buttons{display:flex;gap:8px}.toolbar .button{min-height:33px;padding:8px 12px;font-size:11px}.status-line{min-height:21px;font-size:11px;color:var(--green);padding:8px 1px}.status-line.error{color:#a44837}.ranking-tools{margin-top:19px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:17px 20px}.ranking-tools summary{font-size:11px;color:#60766a;cursor:pointer}.ranking-row{display:flex;align-items:center;gap:8px;padding-top:14px;font-size:11px}.ranking-row .model-name{flex:1;overflow-wrap:anywhere;font-family:monospace}.ranking-row .position{color:#9ba69f;width:18px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:4px;min-width:28px;height:28px;color:#647c6e}.icon-button:hover{background:var(--light)}.tie-button{border:1px solid var(--line);background:white;border-radius:4px;color:#6b7e71;font-size:10px;min-height:28px;padding:4px 7px}.tie-button.active{border-color:#b8d7c9;color:var(--green);background:var(--light)}.empty-chart{padding:100px 20px;text-align:center;color:var(--muted);line-height:1.8}.methodology{max-width:820px}.methodology h2{font-family:var(--display);font-size:22px;margin:35px 0 12px;letter-spacing:-.5px}.methodology p,.methodology li{color:#6c7e72;font-size:14px;line-height:1.9}.methodology code{background:#edf2ee;padding:3px 6px;border-radius:3px;color:var(--green);font-size:12px;overflow-wrap:anywhere}.methodology .formula-display{background:#fff;border:1px solid var(--line);border-radius:8px;padding:25px;font-size:15px;line-height:2.1;overflow-wrap:anywhere;font-family:monospace;color:var(--green)}.methodology a{color:var(--green);text-decoration:underline}.callout{border-left:3px solid var(--green);padding:5px 20px;margin:25px 0;background:var(--light)}.rule-details{margin:20px 0;background:#edf5f0;border:1px solid #dae8de;border-radius:6px;padding:14px 17px;color:#5e7e6c;font-size:11px;line-height:1.8}.rule-details code{overflow-wrap:anywhere}footer{border-top:1px solid var(--line);max-width:1440px;margin:auto;padding:27px 6%;display:flex;align-items:center;gap:28px;font-size:10px;color:#94a098}.footer-brand{font-family:var(--display);font-weight:650;font-size:14px;color:#6e7f73;letter-spacing:-.5px}.footer-brand .trademark{font-size:8px;vertical-align:super;margin-left:3px}footer>span{margin-left:auto}footer p{margin:0}dialog{width:min(760px,94vw);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:0 30px 100px #102b3033;color:var(--ink)}dialog::backdrop{background:#12261f66;backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between;gap:15px}.dialog-header h2{font-family:var(--display);font-size:24px;letter-spacing:-1px;margin:10px 0}.dialog-header .icon-button{font-size:23px}.muted{color:var(--muted);font-size:12px;line-height:1.7}textarea{display:block;width:100%;resize:vertical;border:1px solid var(--line);border-radius:6px;padding:13px;margin-top:9px;font-size:12px;line-height:1.7;color:var(--ink);background:#fafcfb}.share-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.image-heading{display:flex;justify-content:space-between;align-items:center;margin:23px 0 12px}#post-preview{display:block;width:100%;border:1px solid var(--line);border-radius:7px}.fine-print{font-size:10px;color:#95a198;line-height:1.7}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--ink);color:white;font-size:12px;padding:12px 20px;border-radius:7px;z-index:10;transition:transform .25s;max-width:90vw}#toast.visible{transform:translateX(-50%) translateY(0)}.noscript{padding:60px;text-align:center}.rule-error{padding:60px 30px;max-width:700px;margin:auto}.rule-error p{line-height:1.8;color:var(--muted)}
@media(min-width:1500px){.hero{padding-top:85px}.content{max-width:1270px}.plot{height:320px}}@media(max-width:950px){.workspace-grid{grid-template-columns:215px minmax(0,1fr)}.bars{gap:20px;padding:0 10px}.workspace-grid .plot{min-width:510px}.chart-header{padding:20px}.chart-badge{display:none}.hero{padding-top:55px}}@media(max-width:680px){.site-header{height:73px;padding:0 20px}.brand{font-size:19px}.brand-tag{display:none}nav{gap:15px;font-size:11px}.source-link{display:none}.hero{padding:44px 22px 26px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-description{font-size:13px}.hero-description br{display:none}.typing-line{font-size:12px}.hero-actions{margin-top:23px}.metrics{margin-top:30px;padding-top:22px}.metric strong{font-size:22px}.metric span{font-size:9px}.content{padding:25px 18px 40px}.section-heading h2{font-size:18px}.section-heading p{font-size:11px}.live-label{font-size:9px}.chart-header{padding:19px}.chart-title{font-size:12px}.version{font-size:9px}.chart-scroll{padding:0 15px}.plot{height:235px;margin-left:25px}.bars{padding:0 12px;gap:24px}.bar-name{font-size:9px}.chart-footer{padding:12px 17px;font-size:9px;align-items:flex-start;line-height:1.6}.principles{grid-template-columns:1fr;gap:23px;margin-top:30px}.principles h3{margin:6px 0}.principles p{font-size:12px}.workspace-head{padding-top:30px}.workspace-head h1{font-size:29px}.workspace-grid{grid-template-columns:1fr;margin-top:20px}.model-panel{padding:17px}.model-options{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;max-height:170px}.model-panel>p{margin-bottom:12px}.model-note{margin-top:12px;padding-top:10px}.custom-button{margin-top:7px}.workspace-grid .plot{min-width:460px}.ranking-tools{padding:15px 12px}.ranking-row{gap:6px}.ranking-row .model-name{font-size:10px}.ranking-row .icon-button{min-width:26px}.tie-button{font-size:9px}.toolbar{margin-top:4px}.toolbar-note{max-width:160px;line-height:1.6}footer{padding:24px 20px;flex-wrap:wrap;gap:13px}footer>span{margin-left:0;flex-basis:100%;font-size:9px}footer p{font-size:9px}dialog{padding:20px}.dialog-header h2{font-size:21px}.share-actions .button{font-size:11px;padding:10px 11px}.methodology p,.methodology li{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.cursor{opacity:1}}

.workspace-grid>*{min-width:0}#toast{opacity:0;pointer-events:none}#toast.visible{opacity:1}
@media(max-width:680px){.workspace-grid{grid-template-columns:minmax(0,1fr)}}
/* Benchmark panels follow the dense plotting conventions used in research leaderboards. */
.benchmark-chart{border-color:#dedfe3;border-radius:7px;box-shadow:none;color:#24272c}
.chart-tabs{display:flex;align-items:center;gap:9px;border-bottom:1px solid #e6e7e9;background:#fafafa;padding:10px 17px}
.chart-tab{padding:7px 12px;font-size:11px;color:#797e85;border-radius:3px}
.chart-tab.active{background:#eaecee;color:#25292f;font-weight:600}
.chart-release{margin-left:auto;color:#898e95;font-size:10px}
.benchmark-chart .chart-header{padding:22px 24px 12px;gap:20px;align-items:flex-start}
.benchmark-chart .chart-title{font:600 20px var(--display);letter-spacing:-.6px;margin:0 0 7px}
.chart-subtitle{font-size:11px!important;color:#838890!important;margin:0 0 12px!important;line-height:1.6!important}
.benchmark-chart .version{font-size:11px;color:#454b53;line-height:1.6;max-width:820px}
.chart-utilities{display:flex;gap:8px;align-items:center;flex-shrink:0;padding-top:2px}
.chart-selection{font-size:10px;background:#f1f2f4;border:1px solid #e7e8ea;padding:7px 11px;border-radius:4px;white-space:nowrap}
.chart-export{height:29px;width:29px;background:#fff;border:1px solid #e3e5e8;color:#5b6168;border-radius:4px;font-size:16px}
.chart-export:hover{background:#f0f1f3}
.chart-legend{display:flex;gap:16px;padding:0 24px 4px;flex-wrap:wrap;color:#747b84;font-size:9px}
.chart-legend>span{display:flex;align-items:center;gap:5px}
.chart-legend i{height:6px;width:6px;display:inline-block;border-radius:1px}
.benchmark-chart .chart-scroll{padding:0 28px 0 32px}
.benchmark-chart .plot{height:270px;margin:50px 0 0 26px}
.chart-watermark{position:absolute;right:1px;top:-29px;font:650 14px var(--display);letter-spacing:-.5px;color:#45494e}
.mini-brand-bars{color:#147d68;letter-spacing:-2px;font-size:15px;margin-right:3px}
.axis-title{position:absolute;left:-42px;bottom:100%;font-size:9px;color:#969ba2;writing-mode:vertical-rl;transform:rotate(180deg) translateY(180px);letter-spacing:.3px}
.benchmark-chart .grid-line{border-top:1px dotted #dce0e4}
.benchmark-chart .grid-line:first-child{border-top:1px solid #c9cdd2}
.benchmark-chart .grid-line span{right:calc(100% + 10px);color:#9299a1;font-size:9px}
.benchmark-chart .bars{gap:0;padding:0 8px;justify-content:flex-start}
.benchmark-chart .bar-column{min-width:0;max-width:none;flex:1}
.benchmark-chart .bar{width:76%;max-width:49px;border-radius:3px 3px 0 0}
.benchmark-chart .bar-value{top:50%;transform:translateY(-50%);font-size:12px;font-weight:550;color:#fff;font-variant-numeric:tabular-nums}
.benchmark-chart .resize-handle{height:11px;opacity:0;transition:opacity .15s}
.benchmark-chart .bar:hover .resize-handle,.benchmark-chart .bar:focus .resize-handle{opacity:1}
.provider-mark{position:absolute;top:calc(100% + 9px);font:800 14px Arial,sans-serif;height:19px;width:20px;text-align:center;line-height:19px}
.benchmark-chart .bar-name{top:calc(100% + 35px);left:50%;width:180px;font:11px/1.4 var(--font);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:top right;transform:translateX(-100%) rotate(-58deg);color:#4a5058}
.benchmark-chart .chart-label-space{height:193px}
.benchmark-chart .chart-footer{padding:13px 24px;border-top:0;color:#8e949c;font-size:9px}
.benchmark-chart .chart-footer b{color:#565d65}
.workspace-grid .benchmark-chart .plot{height:285px}
.workspace-grid .benchmark-chart .chart-title{font-size:17px}
.workspace-grid .benchmark-chart .chart-header{padding:20px 22px 12px}
@media(max-width:680px){
  .chart-tabs{padding:8px 10px;gap:3px}.chart-tab{font-size:10px;padding:6px 8px}.chart-release{font-size:8px}
  .benchmark-chart .chart-header{padding:18px 15px 10px;gap:10px}.benchmark-chart .chart-title,.workspace-grid .benchmark-chart .chart-title{font-size:15px;letter-spacing:-.4px}
  .chart-subtitle{font-size:10px!important}.benchmark-chart .version{font-size:9px}.chart-selection{display:none}.chart-utilities{padding-top:0}
  .chart-legend{padding:0 15px;gap:10px;font-size:8px}.benchmark-chart .chart-scroll{padding:0 16px 0 26px}
  .benchmark-chart .plot,.workspace-grid .benchmark-chart .plot{height:235px;margin-left:20px}
  .benchmark-chart .chart-label-space{height:177px}.benchmark-chart .chart-footer{padding:12px 15px}
  .workspace-grid .benchmark-chart .chart-header{padding:18px 15px 10px}.chart-watermark{font-size:12px}
}

.benchmark-chart .chart-scroll{overflow-y:hidden}.mini-brand-bars{display:inline-flex;align-items:flex-end;gap:2px;vertical-align:baseline;margin-right:5px}.mini-brand-bars i{display:block;width:4px;background:#147d68}.mini-brand-bars i:nth-child(1){height:5px}.mini-brand-bars i:nth-child(2){height:9px}.mini-brand-bars i:nth-child(3){height:13px}


.provider-mark{height:22px;width:22px;display:flex;align-items:center;justify-content:center}.provider-mark img{display:block;width:20px;height:20px;object-fit:contain}


/* The wordmark places the emphasis on Anyway throughout the site. */
.wordmark-sot,.brand .wordmark-sot{font-weight:400}
.wordmark-anyway,.brand .wordmark-anyway{font-weight:800}
.brand{font-weight:400}
.footer-brand{font-weight:400}
.hero-description{font-size:clamp(20px,2.1vw,26px);line-height:1.55;font-weight:500;letter-spacing:-.6px;color:#394f44;margin:25px auto 0;max-width:1000px}
.typing-line{font-size:22px;line-height:1.6;min-height:38px;height:auto;margin-top:23px;color:#53695c;letter-spacing:-.35px}
.typing-line strong{font-size:1.04em;font-weight:650;letter-spacing:-.5px}
.cursor{height:24px;width:2px;vertical-align:-4px;margin-left:4px}
.hero-actions{margin-top:31px}
@media(max-width:680px){.hero-description{font-size:20px;letter-spacing:-.4px;line-height:1.6;margin-top:22px}.typing-line{font-size:18px;line-height:1.6;min-height:61px;margin-top:20px}.typing-line strong{display:inline-block;font-size:19px}.cursor{height:21px;vertical-align:-4px}.hero-actions{margin-top:22px}}

/* Final feature copy uses four balanced columns, then two and one. */
.principles{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding-top:30px}
.principles article{min-width:0}
.principles h3{font-size:16px;line-height:1.5;letter-spacing:-.35px;min-height:72px;margin:12px 0 10px}
.principles p{font-size:12px;line-height:1.8}
.footer-tagline{margin-left:auto}
@media(max-width:1000px){.principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 35px}.principles h3{min-height:48px}}
@media(max-width:680px){.principles{grid-template-columns:minmax(0,1fr);gap:26px}.principles h3{min-height:0;font-size:17px;margin:9px 0 7px}.principles p{font-size:13px}.footer-tagline{margin-left:0;font-size:10px}}

/* Metric captions wrap within their own columns on narrow screens. */
.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.metric{min-width:0;padding:0 8px}
.metric span{max-width:100%;white-space:normal;overflow-wrap:normal;text-wrap:balance;line-height:1.5}
#custom-model-option:not(:empty){border-top:1px solid var(--line);margin-top:7px;padding-top:2px}
.model-option input{flex-shrink:0}

/* Score labels keep their contrast over bright provider colors. */
.benchmark-chart .bar-value{color:var(--score-color,#fff)}

/* Exact score editing and removable pins. */
.score-pin{position:absolute;top:-26px;left:50%;transform:translateX(-50%);width:20px;height:20px;display:grid;place-items:center;border:1px solid #cbd8d0;border-radius:5px;background:#fff;color:var(--green);padding:0;cursor:pointer;z-index:3}
.score-pin:hover{background:var(--light)}
.score-input{width:60px;min-width:48px;border:1px solid var(--line);border-radius:4px;padding:5px 6px;background:#fff;color:var(--ink);font-variant-numeric:tabular-nums}
.unpin-button{border:0;background:none;padding:4px;color:var(--green);font-size:10px;cursor:pointer}
@media(max-width:680px){.ranking-row{flex-wrap:wrap}.ranking-row .model-name{min-width:100px}.score-input{width:51px}.toolbar-note{max-width:190px}}
@media(max-width:680px){
  .ranking-row{display:grid;grid-template-columns:18px minmax(0,1fr) 51px 28px 28px;gap:7px 6px;padding-top:17px}
  .ranking-row .position{grid-column:1;grid-row:1}
  .ranking-row .model-name{grid-column:2;grid-row:1;min-width:0}
  .ranking-row .score-input{grid-column:3;grid-row:1}
  .ranking-row [data-action="up"]{grid-column:4;grid-row:1}
  .ranking-row [data-action="down"]{grid-column:5;grid-row:1}
  .ranking-row .unpin-button{grid-column:2;grid-row:2;justify-self:start}
  .ranking-row [data-action="remove"]{grid-column:3;grid-row:2;justify-self:end}
  .ranking-row .tie-button{grid-column:4 / 6;grid-row:2}
}