.study-report {
  --study-negative: #8eb8df;
  --study-positive: #e7b877;
  max-width: 1280px;
  min-width: 0;
  margin: 0 auto;
  padding: 52px 38px 64px;
  color: var(--text);
  font: 16px/1.75 var(--sans);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.study-report *, .study-report *::before, .study-report *::after { box-sizing: border-box; }
.study-report h1, .study-report h2, .study-report h3, .study-report p { margin-top: 0; }
.study-report h1 { max-width: 940px; font-size: clamp(36px, 4.6vw, 66px); line-height: 1.07; letter-spacing: -0.012em; font-weight: 450; margin-bottom: 24px; text-wrap: balance; font-family: var(--serif); }
.study-report h2 { font-size: clamp(25px, 2.4vw, 32px); line-height: 1.2; letter-spacing: -0.012em; font-weight: 500; margin-bottom: 12px; font-family: var(--serif); }
.study-report h3 { font-size: 17px; line-height: 1.5; font-weight: 550; margin-bottom: 12px; }
.study-report p { color: var(--muted); }
.study-report a { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--line); }
.study-report a:hover { color: var(--accent); text-decoration-color: currentColor; }
.study-report a:focus-visible, .study-report button:focus-visible, .study-report [tabindex]:focus-visible, .study-nav-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.study-report figure { margin: 0; }
.study-report figcaption { color: var(--muted); font-size: 15px; line-height: 1.7; margin-top: 12px; }
.study-eyebrow { font: 13px/1.6 var(--sans); font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 28px; }
.study-eyebrow span { padding-inline: 12px; }
.study-intro { max-width: 670px; font-size: 18px; line-height: 1.7; }
.study-dateline { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding-block: 20px; border-block: 1px solid var(--line); font-size: 15px; }
.study-dateline time { color: var(--muted); }
.study-fixture-note { border-left: 3px solid var(--amber); padding: 12px 16px; margin: 20px 0 0; font-size: 15px; background: var(--surface); }
.study-findings { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 32px; }
.study-findings article { border-top: 2px solid var(--accent); padding: 22px 0 4px; }
.study-findings article:nth-child(2) { border-color: var(--study-positive); }
.study-findings article:nth-child(3) { border-color: var(--study-negative); }
.study-findings h2 { font-size: 23px; margin: 18px 0 12px; }
.study-findings p { font-size: 16px; margin-bottom: 0; }
.study-section-number { font: 14px/1.6 var(--mono); color: var(--muted); }
.study-pending { grid-column: 1 / -1; padding: 24px; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; }
.study-section { margin-top: 72px; min-width: 0; }
.study-section-heading { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 16px; margin-bottom: 26px; }
.study-section-heading > span { padding-top: 7px; }
.study-section-heading p { max-width: 740px; margin-bottom: 0; }
.study-panel { min-width: 0; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; }
.study-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.study-tabs button { font: 15px/1.5 var(--sans); padding: 11px 15px; color: var(--muted); background: transparent; border: 1px solid var(--line); border-radius: 4px; min-height: 44px; }
.study-tabs button:hover { color: var(--text); background: var(--surface); }
.study-tabs button[aria-selected="true"] { color: var(--accent); border-color: var(--accent); background: var(--surface-2); }
.study-ranking-figure { padding: 8px 24px 22px; }
.study-ranking-row { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(180px, 1.2fr) 100px; align-items: center; gap: 22px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.study-candidate { display: flex; align-items: baseline; gap: 16px; min-width: 0; }
.study-rank { color: var(--muted); font: 14px var(--mono); white-space: nowrap; min-width: 2ch; flex-shrink: 0; font-variant-numeric: tabular-nums; }
.study-candidate > div { min-width: 0; }
.study-candidate h3 { margin: 0 0 6px; }
.study-candidate p { font-size: 14.5px; line-height: 1.6; margin: 0; }
.study-interval { width: 100%; height: auto; display: block; overflow: visible; }
.study-interval text { font: 13px var(--mono); fill: var(--muted); }
.study-grid-line { stroke: var(--line); stroke-width: 1; }
.study-whisker { stroke: var(--accent); stroke-width: 2; fill: var(--accent); }
.study-score { text-align: right; }
.study-score strong { display: block; font: 25.5px/1.5 var(--serif); color: var(--accent); }
.study-score small { display: block; font: 13px/1.6 var(--sans); color: var(--muted); }
.study-report .study-note { font-size: 15px; line-height: 1.8; margin: 12px 0 0; }
.study-empty { padding-block: 28px; }
.study-heatmap-figure { padding: 24px; }
.study-heatmap-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; padding: 4px; scrollbar-color: var(--muted) var(--surface); }
.study-heatmap { width: 100%; min-width: 660px; border-collapse: separate; border-spacing: 6px; table-layout: fixed; }
.study-heatmap th { font: 14.5px/1.6 var(--sans); padding: 10px 2px; font-weight: 500; text-align: center; }
.study-heatmap th:first-child { width: 120px; text-align: left; }
.study-heatmap thead th:first-child { color: var(--muted); font-size: 14px; }
.study-heatmap td { padding: 0; }
.study-heat-cell { display: grid; place-items: center; min-height: 62px; border-radius: 4px; background: color-mix(in srgb, var(--heat-color) var(--heat-strength), var(--surface)); color: var(--text); font: 16px var(--mono); }
.study-own-family { outline: 2px solid var(--text); outline-offset: -3px; }
.study-heat-legend { display: flex; flex-wrap: wrap; gap: 14px 24px; font: 14px/1.7 var(--sans); margin: 22px 0 18px; color: var(--muted); }
.study-heat-legend span { display: inline-flex; align-items: center; gap: 7px; }
.study-heat-legend i { width: 14px; height: 14px; display: inline-block; border-radius: 2px; }
.study-negative-swatch { background: color-mix(in srgb, var(--study-negative) 35%, var(--surface)); }
.study-positive-swatch { background: color-mix(in srgb, var(--study-positive) 35%, var(--surface)); }
.study-outline-swatch { border: 2px solid var(--text); }
.study-preference-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; margin-top: 24px; }
.study-preference-list > div { border-left: 1px solid var(--line); padding-left: 16px; }
.study-preference-list span { display: block; font-size: 15px; }
.study-preference-list strong { display: block; font: 21px/1.8 var(--mono); }
.study-preference-list small { display: block; font-size: 14px; color: var(--muted); }
.study-preference-list .study-preference-status { margin-top: 8px; }
.study-preference-list .study-preference-lift { color: var(--study-positive); }
.study-winners { padding: 24px; }
.study-winners > p { margin-bottom: 20px; }
.study-winners > p strong { color: var(--text); }
.study-winner-row { display: grid; grid-template-columns: 1fr 1.3fr auto; gap: 8px 22px; align-items: baseline; padding: 18px; border-top: 1px solid var(--line); border-left: 3px solid transparent; }
.study-winner-row strong { font-weight: 550; }
.study-winner-row small { grid-column: 2 / -1; color: var(--muted); font-size: 14.5px; }
.study-winner-score { font: 14.5px var(--mono); }
.study-different { border-left-color: var(--amber); background: color-mix(in srgb, var(--amber) 7%, var(--surface)); }
.study-different small { color: var(--amber); }
.study-agreement-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 40px; padding: 28px; }
.study-meter-heading { display: flex; justify-content: space-between; gap: 16px; align-items: baseline; margin-bottom: 20px; }
.study-meter-heading h3 { margin: 0; }
.study-meter-heading strong { font: 25px var(--serif); }
.study-meter-track { height: 10px; position: relative; margin-inline: 5px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-2); }
.study-meter-track::before, .study-meter-track::after { content: ''; position: absolute; top: -3px; bottom: -3px; border-left: 1px solid var(--muted); left: 40%; }
.study-meter-track::after { left: 67%; }
.study-meter-track > span { position: absolute; top: -5px; width: 5px; height: 18px; transform: translateX(-50%); background: var(--accent); z-index: 1; border-radius: 2px; }
.study-meter-scale { display: grid; grid-template-columns: 40fr 27fr 33fr auto; font: 13px var(--mono); margin: 13px 0 14px; color: var(--muted); }
.study-report .study-subheading { margin-top: 40px; }
.study-contested { list-style: none; margin: 20px 0 0; padding: 0; }
.study-contested > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; padding: 24px 0; border-top: 1px solid var(--line); }
.study-contested a { font-size: 17px; font-weight: 500; }
.study-contested p { margin: 7px 0 0; font-size: 15px; }
.study-spread { font: 24px/1.5 var(--serif); color: var(--amber); text-align: right; }
.study-spread small { display: block; color: var(--muted); font: 14px var(--sans); }
.study-judge-scores { display: flex; flex-wrap: wrap; gap: 12px 22px; list-style: none; padding: 0; grid-column: 1 / -1; }
.study-judge-scores li { display: flex; gap: 10px; align-items: baseline; font-size: 14.5px; color: var(--muted); }
.study-judge-scores b { font: 14px var(--mono); color: var(--text); }
.study-judge-scores .study-judge-highest, .study-judge-scores .study-judge-highest b { color: var(--study-positive); }
.study-judge-scores .study-judge-lowest, .study-judge-scores .study-judge-lowest b { color: var(--study-negative); }
.study-method-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; }
.study-method-facts { margin: 0; }
.study-method-facts > div { display: grid; grid-template-columns: minmax(105px, 0.7fr) minmax(0, 1fr); gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.study-method-facts dt { color: var(--muted); font-size: 14.5px; }
.study-method-facts dd { margin: 0; font-size: 15px; }
.study-roster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.study-roster > div { padding-top: 16px; border-top: 1px solid var(--line); }
.study-roster span { display: block; color: var(--muted); font-size: 14.5px; }
.study-roster strong { display: block; font-size: 16px; font-weight: 500; margin-top: 7px; }
.study-roster code { display: block; font: 14px/1.9 var(--mono); overflow-wrap: anywhere; margin-top: 7px; }
.study-limits { margin-top: 36px; padding: 26px; background: var(--surface); border: 1px solid var(--line); border-left: 3px solid var(--amber); border-radius: 6px; }
.study-limits ul { padding-left: 20px; color: var(--muted); }
.study-limits li { margin-bottom: 12px; }
.study-limits p { font-size: 15px; margin-bottom: 0; }
.study-download { display: flex; align-items: center; justify-content: space-between; gap: 28px; border-top: 1px solid var(--line); padding-top: 32px; }
.study-download .study-section-heading { margin-bottom: 0; }
.study-download-link { display: inline-flex; align-items: center; gap: 20px; flex-shrink: 0; padding: 14px 20px; border: 1px solid var(--accent); border-radius: 4px; color: var(--accent); font-weight: 500; }
.study-nav-slot { display: contents; }
.study-nav-slot > .study-nav-link { display: flex; align-items: center; min-height: 42px; padding: 10px 12px; border-radius: 4px; color: #b0b3bb; font-size: 14.5px; }
.study-nav-slot > .study-nav-link:hover { background: #24272d; color: var(--text); }
.study-nav-slot > .study-nav-link[aria-current="page"] { color: var(--accent); background: #2c303a; }
.workspace-topbar:has(> .study-breadcrumb-slot) > div:first-child { display: none; }
.workspace-topbar > .study-breadcrumb-slot { order: -1; flex: 1; min-width: 0; }
.study-breadcrumb-slot > span, .study-breadcrumb-slot > i { flex-shrink: 0; }
.study-breadcrumb-slot > b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 1100px) {
  .study-ranking-row { grid-template-columns: minmax(0, 1fr) 110px; gap: 12px 20px; }
  .study-interval { grid-column: 1 / -1; grid-row: 2; }
  .study-roster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .study-method-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .study-findings { gap: 20px; }
  .study-findings h2 { font-size: 21px; }
  .study-download { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 700px) {
  .study-report { padding: 32px 20px 44px; }
  .study-report h1 { font-size: 39px; letter-spacing: -0.012em; font-family: var(--serif); font-weight: 500; }
  .study-report h2 { font-size: 26px; font-family: var(--serif); font-weight: 500; }
  .study-eyebrow { font-size: 12.5px; margin-bottom: 22px; }
  .study-intro { font-size: 17px; }
  .study-findings { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .study-findings h2 { font-size: 24px; font-family: var(--serif); font-weight: 500; }
  .study-section { margin-top: 52px; }
  .study-section-heading { grid-template-columns: 24px minmax(0, 1fr); gap: 12px; }
  .study-tabs { gap: 8px; }
  .study-tabs button { padding: 10px 12px; font-size: 14.5px; }
  .study-ranking-figure { padding: 0 16px 18px; }
  .study-ranking-row { grid-template-columns: minmax(0, 1fr) 90px; gap: 14px 10px; }
  .study-candidate { gap: 9px; }
  .study-candidate h3 { font-size: 16.5px; }
  .study-score strong { font-size: 23px; }
  .study-score small { font-size: 12.5px; }
  .study-heatmap-figure { padding: 16px; }
  .study-winners { padding: 16px; }
  .study-winner-row { grid-template-columns: minmax(0, 1fr) auto; padding-inline: 12px; }
  .study-winner-row > span:first-child { grid-column: 1 / -1; font-size: 14.5px; color: var(--muted); }
  .study-winner-row small { grid-column: 1 / -1; }
  .study-agreement-grid { grid-template-columns: minmax(0, 1fr); padding: 22px; }
  .study-contested > li { gap: 16px 12px; }
  .study-contested a { font-size: 16.5px; }
  .study-spread { font-size: 21px; }
  .study-roster { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .study-limits { padding: 20px; }
  .study-nav-slot > .study-nav-link { white-space: nowrap; min-height: 43px; font-size: 12.5px; padding: 10px 7px; border-radius: 4px 4px 0 0; }
}
:root{color-scheme:dark;--bg:#131312;--surface:#1a1a18;--surface-2:#232320;--line:#34332f;--muted:#a6a39a;--text:#ecebe5;--accent:#93a9ff;--accent-dim:#232a45;--red:#ef8f80;--amber:#e3b56a;--green:#a3c9a9;--mono:"IBM Plex Mono",ui-monospace,monospace;--sans:"IBM Plex Sans",system-ui,sans-serif;font-family:var(--sans);font-synthesis:none;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 72% -10%,rgba(177,201,255,.09),transparent 32rem),linear-gradient(115deg,transparent 0 49.8%,rgba(255,255,255,.018) 50%,transparent 50.2%);font-size:16.5px}a{color:inherit;text-decoration:none}button,select{font:inherit}::selection{background:var(--accent);color:#100e0b}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.35;background:linear-gradient(transparent 49.5%,rgba(177,201,255,.045) 50%,transparent 50.5%);background-size:100% 9px;mask-image:linear-gradient(to bottom,black,transparent 60%);animation:scan 11s linear infinite}@keyframes scan{to{transform:translateY(90px)}}.masthead{height:76px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;align-items:stretch;padding:0 max(24px,calc((100vw - 1320px)/2));background:rgba(16,14,11,.84);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-weight:800;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--accent);color:#100e0c;font-size:14.5px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.brand small{font-size:12.5px;color:var(--muted);font-weight:500;letter-spacing:.16em;border-left:1px solid var(--line);padding-left:12px}.run-control{display:flex;align-items:center;gap:12px;padding:0 24px;border-inline:1px solid var(--line);font-family:var(--mono)}.run-control label{font-size:12.5px;letter-spacing:.16em;color:var(--muted)}select{background:transparent;color:var(--text);border:0;max-width:240px;font-family:var(--mono);font-size:14.5px;padding:8px;cursor:pointer}select:focus-visible,.nav-link:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav-link{display:grid;place-items:center;padding:0 24px;font-family:var(--mono);font-size:14px;letter-spacing:.12em;color:var(--muted)}.nav-link:hover,.nav-link.active{color:var(--accent);background:rgba(177,201,255,.04)}main{min-height:calc(100vh - 130px)}.page{width:min(1320px,calc(100% - 48px));margin:0 auto;padding:32px 0 96px}.reveal{animation:page-in .8s cubic-bezier(.16,1,.3,1) both}@keyframes page-in{from{opacity:0;transform:translateY(12px) skewY(.25deg)}to{opacity:1;transform:none}}.crumbs{height:30px;display:flex;gap:10px;align-items:center;color:var(--muted);font:13px var(--sans);font-weight:600;letter-spacing:0.04em;text-transform:uppercase;overflow:hidden;white-space:nowrap}.crumbs a:hover{color:var(--accent)}.crumbs i{font-style:normal;color:#85827a}.crumbs span{color:#c1bebb;overflow:hidden;text-overflow:ellipsis}.page-heading{display:grid;grid-template-columns:1fr auto;align-items:end;min-height:220px;padding:44px 0 38px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 14px;color:var(--accent);font:13px var(--sans);font-weight:600;letter-spacing:0.04em}.page-heading h1,.view-heading h1,.model-hero h1,.about h1,.empty h1{margin:0;font-size:clamp(2.8rem,7vw,6.7rem);font-weight:400;letter-spacing:-0.012em;line-height:.9;font-family:var(--serif)}.page-heading>div>p:last-child,.view-heading>div>p:last-child{margin:22px 0 0;color:var(--muted)}.run-stamp{min-width:180px;border-left:1px solid var(--line);padding-left:22px;font-family:var(--mono)}.run-stamp span,.run-stamp small{display:block;color:var(--muted);font-size:12.5px;letter-spacing:.14em}.run-stamp b{display:block;font-size:16.5px;margin:10px 0 5px}.spotlight-note{margin:28px 0 12px;padding:10px 14px;border-left:2px solid var(--accent);background:rgba(177,201,255,.04);color:var(--muted);font-size:14.5px}.spotlight-note span{font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em;color:var(--accent);margin-right:12px}.leaderboard{margin-top:28px;border-top:1px solid var(--line)}.leader-head,.leader-row{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(400px,1.6fr) 180px}.leader-head{color:var(--muted);font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em;border-bottom:1px solid var(--line)}.leader-head span{padding:12px 18px}.leader-head span+span{border-left:1px solid var(--line)}.leader-row{min-height:152px;border-bottom:1px solid var(--line);position:relative;transition:background .25s,transform .25s}.leader-row:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--accent);transform:scaleY(0);transition:transform .3s;transform-origin:bottom}.leader-row:hover{background:linear-gradient(90deg,rgba(177,201,255,.055),transparent 70%);transform:translateX(3px)}.leader-row:hover:before{transform:scaleY(1)}.leader-row>div{padding:24px 18px}.leader-row>div+div{border-left:1px solid var(--line)}.model-cell{display:flex;align-items:center;gap:22px}.rank{font:400 38px var(--serif);color:#3d4855}.model-cell h2{font-size:25px;letter-spacing:-0.012em;margin:0 0 7px;font-family:var(--serif);font-weight:500}.tier{font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em;text-transform:uppercase;border:1px solid #42505d;padding:4px 7px;color:#c5c2be}.model-cell small{display:block;color:var(--muted);font:13px var(--sans);margin-top:10px}.criterion-strip{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px 24px;align-content:center}.criterion-strip label{display:block;font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em;color:var(--muted);margin-bottom:5px}.score-bar{height:24px;background:#0d0c09;border:1px solid var(--line);position:relative;overflow:hidden}.score-bar span{position:absolute;inset:0 auto 0 0;opacity:.7;background:currentColor}.score-bar b{position:absolute;right:3px;top:2px;padding:1px 4px;background:inherit;font:700 14px/16px var(--mono);color:var(--text)}.score-low{color:var(--red)!important}.score-mid{color:var(--amber)!important}.score-high{color:var(--green)!important}.overall{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;font-family:var(--mono)}.overall b{font-size:44px;line-height:1;font-family:var(--serif);font-weight:500}.overall span{font-size:13px;color:var(--muted)}.overall small{font-size:12px;letter-spacing:.12em;color:var(--muted);margin-top:15px}.model-hero{min-height:270px;padding:52px 0 36px;display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:1px solid var(--line)}.model-hero h1{font-size:clamp(3.2rem,7vw,7.3rem);font-family:var(--serif);font-weight:500}.model-id{font:14px var(--mono);color:var(--muted);margin:18px 0 0}.hero-score{min-width:190px;padding:22px 0 8px 30px;border-left:1px solid var(--line);font-family:var(--mono)}.hero-score span,.hero-score small{display:block;color:var(--muted);font-size:12.5px;letter-spacing:.15em}.hero-score b{display:block;font-size:70px;line-height:1;margin:8px 0;font-family:var(--serif);font-weight:500}.scenario-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--line)}.scenario-tabs a{min-width:220px;padding:17px 20px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;border-right:1px solid var(--line);font-size:14.5px;transition:background .2s}.scenario-tabs a.active{color:var(--text);background:var(--surface);box-shadow:inset 0 -2px var(--accent)}.scenario-tabs b{font:17px var(--mono);color:var(--amber)}.view-switch{display:flex;justify-content:flex-end;gap:1px;margin:28px 0}.view-switch a,.view-heading>a{padding:12px 16px;border:1px solid var(--line);font:13px var(--sans);font-weight:600;letter-spacing:0.04em;background:var(--surface);transition:border-color .2s,color .2s}.view-switch a:hover,.view-heading>a:hover{border-color:var(--accent);color:var(--accent)}.view-switch span{margin-left:20px}.section-label{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:11px 0;color:var(--muted);font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em}.section-label b{color:var(--text)}.outliers{margin:44px 0}.outlier{display:grid;grid-template-columns:170px 1fr;padding:22px 0;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(238,179,90,.055),transparent)}.outlier>span{font:13px var(--sans);letter-spacing:0.04em;font-weight:600;color:var(--amber);text-transform:uppercase;padding:3px 20px 0 0}.outlier p{margin:0;max-width:80ch;line-height:1.65;color:#d4d2ce}.detail-grid{display:grid;grid-template-columns:minmax(380px,.85fr) minmax(420px,1.15fr);gap:52px;margin:58px 0}.criterion-score{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center;padding:15px 0;border-bottom:1px solid #1c242e}.criterion-score>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.criterion-score>div>b{font-size:14.5px}.confidence{font:12px var(--sans);font-weight:600;letter-spacing:0.04em;text-transform:uppercase;padding:3px 6px}.confidence.high{background:var(--accent);color:#100e0c}.confidence.medium{border:1px solid var(--accent);color:var(--accent)}.confidence.contested{border:1px solid var(--amber);color:var(--amber);background:repeating-linear-gradient(135deg,rgba(238,179,90,.12) 0 3px,transparent 3px 6px)}.assessment{padding:25px 0 0}.assessment blockquote{margin:22px 0;max-width:70ch;font-size:18px;line-height:1.75;color:#dddad6}.agreement{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:10px;font:13px var(--sans);letter-spacing:0;color:var(--muted)}.agreement b{font:16px/1.65 var(--sans);letter-spacing:0;font-weight:400;color:var(--text)}.errors{margin-top:48px}.errors ol{counter-reset:error;list-style:none;margin:0;padding:0}.errors li{counter-increment:error;display:grid;grid-template-columns:48px 1fr;padding:19px 0;border-bottom:1px solid var(--line);line-height:1.55;color:#d3d1cd}.errors li:before{content:"E" counter(error,decimal-leading-zero);font:12.5px var(--sans);letter-spacing:0.04em;font-weight:600;color:var(--red)}.clean{color:var(--green)}.view-heading{min-height:210px;display:flex;justify-content:space-between;align-items:end;padding:44px 0 34px;border-bottom:1px solid var(--line)}.view-heading h1{font-size:clamp(3rem,6vw,6rem);font-family:var(--serif);font-weight:500}.matrix-wrap{overflow-x:auto;margin:45px 0}.matrix{width:100%;min-width:720px;border-collapse:collapse;font-family:var(--mono)}.matrix th,.matrix td{border:1px solid var(--line);padding:17px;text-align:center}.matrix thead th{font-size:12.5px;letter-spacing:.1em;color:var(--muted);font-weight:500}.matrix thead th:first-child,.matrix tbody th{text-align:left}.matrix thead span,.matrix thead small{display:block}.matrix thead small{font-size:12px;margin-top:7px;color:var(--muted)}.matrix tbody th{width:220px;font-size:14px}.matrix tbody th small{display:block;color:var(--amber);font-size:12px;margin-top:6px}.matrix td{font-size:25.5px;background:color-mix(in srgb,currentColor 10%,transparent);font-family:var(--serif);font-weight:500}.matrix tr.disputed{outline:1px solid rgba(238,179,90,.55);outline-offset:-2px}.judge-notes details{border-bottom:1px solid var(--line)}.judge-notes summary{list-style:none;display:grid;grid-template-columns:220px 1fr 30px;gap:20px;align-items:center;padding:20px 0;cursor:pointer}.judge-notes summary::-webkit-details-marker{display:none}.judge-notes summary>span{font-weight:650}.judge-notes summary small{color:var(--muted);line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.judge-notes summary>b{font:21px var(--mono);color:var(--accent)}.judge-notes details[open] summary>b{transform:rotate(45deg)}.judge-detail{padding:5px 0 50px 220px}.judge-detail article{max-width:78ch;margin:30px 0}.judge-detail article header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:8px;font:13px var(--sans);font-weight:600;letter-spacing:0.04em}.judge-detail article p{line-height:1.7;color:#d3d1cd}.quotes{border-left:2px solid #40505e;padding-left:18px}.quotes blockquote{margin:10px 0;color:#9eabb8;font-style:italic;line-height:1.55}.improvement{background:rgba(177,201,255,.04);padding:15px}.improvement strong{display:block;color:var(--accent);font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em;margin-bottom:7px}.transcript{max-width:1050px;margin:45px auto}.turn{width:78%;margin:0 0 34px;border:1px solid var(--line);background:rgba(22,20,18,.82);box-shadow:0 20px 50px rgba(0,0,0,.16)}.turn.candidate{margin-left:auto;border-color:#474d5b}.turn>header{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line);font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em;color:var(--muted)}.turn.candidate>header{color:var(--accent)}.message{white-space:pre-wrap;padding:22px 24px;font-size:16.5px;line-height:1.72;max-width:70ch}.message em{color:#e6d5ac}.tools{padding:0 14px 15px}.tools details{border:1px solid #2c3946;margin-top:7px;background:#0e0d0a}.tools details.invalid{border-color:rgba(255,107,98,.7)}.tools summary{list-style:none;cursor:pointer;padding:9px 11px;display:flex;justify-content:space-between;font:13px var(--sans);letter-spacing:0.04em;font-weight:600}.tools summary::-webkit-details-marker{display:none}.tools summary span{color:var(--accent)}.tools .invalid summary span{color:var(--red)}.tools summary small{font-size:12px;color:var(--muted)}.tools details>div{padding:12px;border-top:1px solid var(--line)}.tools label{display:block;color:var(--muted);font:12px var(--sans);font-weight:600;letter-spacing:0.04em;margin:10px 0 5px}.tools pre{white-space:pre-wrap;word-break:break-word;margin:0;color:#c5c2be;font:13px/1.55 var(--mono)}.turn>footer{padding:10px 14px;border-top:1px solid var(--line);display:flex;gap:17px;color:var(--muted);font:12px var(--sans);font-weight:600;letter-spacing:0.04em}.skeleton-stack{padding:55px 0}.skeleton-stack span{display:block;height:90px;margin:12px 0;background:linear-gradient(90deg,var(--surface),var(--surface-2),var(--surface));background-size:200%;animation:shimmer 1.6s infinite}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;padding:12vh 24px}.empty-glyph{font:90px var(--mono);color:#26313c}.empty h1{font-size:clamp(2.5rem,6vw,5rem);font-family:var(--serif);font-weight:500}.empty>p:not(.eyebrow){color:var(--muted)}.pipeline{display:flex;align-items:center;justify-content:center;gap:16px;margin:50px auto;font:13px var(--sans);font-weight:600;letter-spacing:0.04em}.pipeline span{border:1px solid var(--line);padding:14px}.pipeline b{color:var(--accent);margin-right:8px}.pipeline i{color:#485460;font-style:normal}.inline-empty{padding:30px;border:1px dashed var(--line);color:var(--muted)}.about{padding-top:11vh}.about h1{font-size:clamp(4rem,10vw,9rem);max-width:1000px;font-family:var(--serif);font-weight:500}.about-copy{max-width:66ch;margin:46px 0;font-size:20px;line-height:1.7;color:#c3c0bd}.about .pipeline{justify-content:flex-start}.about-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;border-top:1px solid var(--line);margin-top:80px}.about-grid article{padding:34px;border-right:1px solid var(--line)}.about-grid article>b{font:14.5px var(--mono);color:var(--accent)}.about-grid h2{font-size:24px;margin:40px 0 12px;font-family:var(--serif);font-weight:500}.about-grid p{color:var(--muted);line-height:1.6}body>footer,#root>footer{height:54px;border-top:1px solid var(--line);padding:0 max(24px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;color:#596573;font:12px var(--sans);font-weight:600;letter-spacing:0.04em}
@media(max-width:900px){.brand small{display:none}.leader-head,.leader-row{grid-template-columns:minmax(240px,1fr) minmax(330px,1.3fr) 140px}.detail-grid{grid-template-columns:1fr;gap:10px}.judge-detail{padding-left:0}.outlier{grid-template-columns:1fr}.outlier>span{margin-bottom:10px}.about-grid{grid-template-columns:1fr}.about-grid article{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:640px){body{font-size:16px}.masthead{height:auto;grid-template-columns:1fr auto;padding:0 14px}.brand{height:58px}.run-control{grid-column:1/-1;grid-row:2;padding:9px 0;border-inline:0;border-top:1px solid var(--line);justify-content:space-between}.nav-link{padding:0 12px}.page{width:calc(100% - 28px);padding-top:18px}.page-heading{grid-template-columns:1fr;min-height:250px;padding:35px 0 24px}.run-stamp{margin-top:30px;border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.leader-head{display:none}.leaderboard{border-top:0}.leader-row{display:block;margin-bottom:14px;border:1px solid var(--line);background:var(--surface)}.leader-row>div+div{border-left:0;border-top:1px solid var(--line)}.model-cell{padding:20px!important}.criterion-strip{grid-template-columns:1fr 1fr;padding:18px!important}.overall{align-items:flex-start;padding:18px!important}.overall b{font-size:40px;font-family:var(--serif);font-weight:500}.model-hero{grid-template-columns:1fr;padding-top:42px}.hero-score{border-left:0;border-top:1px solid var(--line);padding:18px 0 0;margin-top:36px}.scenario-tabs a{min-width:190px}.view-switch{justify-content:stretch}.view-switch a{flex:1;padding:12px 10px}.criterion-score{grid-template-columns:130px 1fr}.outlier{padding:17px 0}.assessment blockquote{font-size:16.5px;margin-inline:0}.view-heading{display:block;padding-top:38px}.view-heading>a{display:inline-block;margin-top:26px}.judge-notes summary{grid-template-columns:1fr 24px}.judge-notes summary small{display:none}.turn,.turn.candidate{width:100%;margin-left:0}.message{padding:18px}.turn>footer{flex-wrap:wrap;gap:8px 15px}.pipeline{flex-direction:column;align-items:stretch}.pipeline i{text-align:center;transform:rotate(90deg)}.about{padding-top:60px}.about h1{font-size:clamp(3.5rem,18vw,6rem);font-family:var(--serif);font-weight:500}.about .pipeline{justify-content:center}.about-grid{margin-top:45px}.about-grid article{padding:25px 0}.about-grid h2{margin-top:22px}.page-heading h1{font-size:3.5rem;font-family:var(--serif);font-weight:500}body>footer,#root>footer{padding:0 14px}#root>footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ambient{display:none}}
.masthead.app-mode{grid-template-columns:1fr auto auto auto auto auto}.app-page{max-width:1120px}.app-heading{min-height:235px;padding:52px 0 36px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.app-heading h1{margin:0;font-size:clamp(3.5rem,8vw,7rem);font-weight:400;letter-spacing:-0.012em;line-height:.9;font-family:var(--serif)}.app-heading>div>p:last-child{color:var(--muted);margin:22px 0 0}.key-chip,.status-chip,.step-mark{font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em;padding:9px 11px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.key-chip,.status-chip.done{color:var(--green);border-color:rgba(156,186,255,.5);background:rgba(156,186,255,.05)}.status-chip.running{color:var(--accent);border-color:rgba(177,201,255,.5);animation:status-pulse 2.1s ease-in-out infinite}.status-chip.error{color:var(--red);border-color:rgba(255,107,98,.5)}@keyframes status-pulse{50%{opacity:.6;transform:translateY(-1px)}}.settings-panel{max-width:760px;margin:65px 0;padding:32px;border:1px solid var(--line);background:linear-gradient(120deg,var(--surface),rgba(22,20,18,.45));box-shadow:inset 2px 0 var(--accent)}.settings-panel label,.form-block>label,.form-label label{display:block;font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em;color:var(--accent);margin-bottom:12px}.settings-panel input,.model-picker>input{width:100%;border:1px solid var(--line);background:#0d0c09;color:var(--text);padding:15px 16px;font:15px var(--mono);outline:0}.settings-panel input:focus,.model-picker>input:focus,.form-block select:focus,.judge-block input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(177,201,255,.06)}.settings-panel p{margin:13px 0 0;color:var(--muted);font:13px var(--sans)}.run-form{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin-top:45px}.form-block{padding:24px 0;border-bottom:1px solid var(--line)}.form-block select{width:100%;max-width:none;border:1px solid var(--line);background:var(--surface);padding:13px}.model-block,.run-submit{grid-column:1/-1}.form-label{display:flex;justify-content:space-between}.form-label span,.pick-count{font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em;color:var(--muted)}.model-picker>input{margin-bottom:10px}.model-list{height:360px;overflow:auto;border:1px solid var(--line);background:#0d0c09}.model-list label{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #1b232d;cursor:pointer;transition:background .2s,border-color .2s}.model-list label:hover{background:var(--surface)}.model-list label.selected{background:rgba(177,201,255,.055);box-shadow:inset 2px 0 var(--accent)}.model-list input{accent-color:var(--accent)}.model-list span b,.model-list span small{display:block}.model-list span b{font-size:14.5px;margin-bottom:4px}.model-list span small{font:12.5px var(--sans);color:var(--muted)}.model-list em{font:12.5px var(--sans);letter-spacing:0.04em;font-weight:600;font-style:normal;color:var(--amber)}.pick-count{text-align:right;margin:10px 0 0}.judge-block{display:grid;grid-template-columns:auto 90px 1fr;align-items:center;gap:20px}.judge-block>label{margin:0}.judge-block input{background:var(--surface);border:1px solid var(--line);color:var(--text);padding:12px;font:15px var(--mono);width:100%}.judge-block span{color:var(--muted);font-size:14.5px}.run-submit{display:grid;grid-template-columns:1fr auto;align-items:center;padding:38px 0}.run-submit p{color:var(--muted);font:13px var(--sans)}.run-submit>a,.run-submit>strong{grid-column:1;color:var(--amber);font:13px var(--sans);letter-spacing:0.04em;font-weight:500}.run-submit button,.progress-action button{grid-column:2;grid-row:1/4;border:1px solid var(--accent);background:var(--accent);color:#100e0c;padding:15px 19px;font:800 13px var(--sans);font-weight:600;letter-spacing:0.04em;cursor:pointer;transition:transform .2s,box-shadow .2s}.run-submit button:hover:not(:disabled),.progress-action button:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(177,201,255,.18)}.run-submit button:disabled{opacity:.35;cursor:not-allowed}.run-submit button span,.progress-action button span{margin-left:28px}.progress-panel{margin-top:44px;border:1px solid var(--line);background:#0c0a08;box-shadow:0 24px 60px rgba(0,0,0,.25)}.terminal-head{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line);color:var(--muted);font:12.5px var(--mono);letter-spacing:.12em}.terminal-head b{color:var(--accent)}.progress-panel pre{height:390px;overflow:auto;margin:0;padding:22px;color:#b7b4b0;font:14px/1.7 var(--mono);white-space:pre-wrap}.run-error{padding:16px;border-left:2px solid var(--red);background:rgba(255,107,98,.06);color:var(--red);font:14px var(--mono)}.progress-action{display:flex;justify-content:flex-end;padding:32px 0}.progress-action button{grid-column:auto;grid-row:auto}.bench-form{margin:46px 0 70px}.bench-section{margin:0 0 52px}.bench-section>.section-label{margin-bottom:22px}.bench-fields{display:grid;grid-template-columns:.75fr 1.25fr;gap:36px}.bench-form .form-block{border:0;padding:0}.bench-form input,.bench-form textarea,.bench-form select{width:100%;border:1px solid var(--line);background:#0d0c09;color:var(--text);padding:14px 15px;font:15.5px/1.55 var(--sans);outline:0;resize:vertical}.bench-form textarea{min-height:92px}.bench-form .question-input{min-height:170px;font:16.5px/1.65 var(--sans)}.bench-form input:focus,.bench-form textarea:focus,.bench-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(177,201,255,.06)}.bench-rounds{display:grid;grid-template-columns:150px 1fr;gap:36px;margin-top:24px}.persona-block{animation:bench-reveal .42s cubic-bezier(.16,1,.3,1)}@keyframes bench-reveal{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.criteria-actions{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:15px}.criteria-actions p,.bench-hint{color:var(--muted);font:13px/1.55 var(--sans)}.secondary-action,.add-criterion{border:1px solid var(--accent);background:transparent;color:var(--accent);padding:11px 14px;font:700 12.5px var(--sans);font-weight:600;letter-spacing:0.04em;cursor:pointer;transition:background .2s,color .2s,transform .2s}.secondary-action:hover:not(:disabled),.add-criterion:hover{background:var(--accent);color:#100e0c;transform:translateY(-1px)}.secondary-action:disabled{opacity:.3;cursor:not-allowed}.criteria-editor{border-top:1px solid var(--line)}.criteria-row{display:grid;grid-template-columns:42px minmax(150px,.55fr) minmax(260px,1.45fr) 40px;align-items:stretch;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(177,201,255,.025),transparent)}.criteria-row>span{display:grid;place-items:center;color:var(--muted);font:12.5px var(--sans);letter-spacing:0.04em;font-weight:600}.criteria-row input,.criteria-row textarea{border:0;border-left:1px solid var(--line);min-height:66px;resize:none}.criteria-row>button{border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);font:21px var(--mono);cursor:pointer}.criteria-row>button:hover:not(:disabled){color:var(--red);background:rgba(255,107,98,.06)}.criteria-row>button:disabled{opacity:.2;cursor:not-allowed}.add-criterion{margin-top:15px;border-color:var(--line);color:var(--muted)}.bench-hint{margin:14px 0 0;color:var(--amber)}.bench-submit{border-top:1px solid var(--line)}
@media(max-width:900px){.masthead.app-mode{grid-template-columns:1fr auto auto auto auto}.masthead.app-mode .run-control{grid-column:1/-1;grid-row:2;height:46px;border-top:1px solid var(--line);border-inline:0}.run-form{grid-template-columns:1fr}.form-block,.model-block,.run-submit{grid-column:1}.app-heading{min-height:210px}.bench-fields{grid-template-columns:1fr}.criteria-row{grid-template-columns:36px minmax(140px,.6fr) minmax(220px,1.4fr) 38px}}
@media(max-width:640px){.masthead.app-mode{grid-template-columns:1fr repeat(4,auto)}.masthead.app-mode .nav-link{font-size:12px;padding:0 5px}.app-heading{display:block;padding-top:35px}.app-heading>span{display:inline-block;margin-top:28px}.settings-panel{padding:20px}.model-list{height:330px}.model-list label{grid-template-columns:20px 1fr}.model-list em{grid-column:2}.judge-block{grid-template-columns:auto 80px}.judge-block span{grid-column:1/-1}.run-submit{display:block}.run-submit button{width:100%;margin-top:22px}.progress-panel pre{height:330px}.bench-rounds{grid-template-columns:1fr}.criteria-actions{align-items:flex-start;flex-direction:column}.criteria-row{grid-template-columns:32px 1fr 36px}.criteria-row input{grid-column:2}.criteria-row textarea{grid-column:2;grid-row:2}.criteria-row>span{grid-row:1/3}.criteria-row>button{grid-column:3;grid-row:1/3}}

/* Settings Model Routing ------------------------------------------------- */
.routing-panel{margin:0 0 76px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(22,20,18,.82),rgba(13,12,9,.64));box-shadow:inset 2px 0 var(--accent)}
.routing-head{min-height:155px;padding:30px 32px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:32px;border-bottom:1px solid var(--line)}
.routing-head h2{margin:0;font-size:clamp(1.8rem,4vw,3.4rem);font-weight:400;letter-spacing:-0.012em;font-family:var(--serif)}.routing-head>div>p:last-child{max-width:65ch;margin:16px 0 0;color:var(--muted);font:13px/1.55 var(--sans)}
.routing-reset{border:1px solid var(--line);background:transparent;color:var(--muted);padding:11px 14px;font:700 12.5px var(--sans);font-weight:600;letter-spacing:0.04em;cursor:pointer;transition:border-color .2s,color .2s,transform .2s}.routing-reset:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.routing-reset:disabled{opacity:.3;cursor:not-allowed}
.routing-block{padding:28px 32px 34px;border-bottom:1px solid var(--line)}.routing-block:last-child{border-bottom:0}.routing-block>.section-label{margin-bottom:18px}.candidates-routing .model-list{height:310px}.routing-note{margin:0 0 13px;color:var(--muted);font:13px/1.55 var(--sans)}
.judge-routes{border-top:1px solid var(--line)}.judge-route{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(320px,1.28fr);align-items:center;gap:28px;min-height:82px;border-bottom:1px solid var(--line)}.judge-route>div{display:grid;grid-template-columns:36px 1fr;align-items:center}.judge-route>div>span{grid-row:1/3;color:var(--muted);font:19px var(--mono)}.judge-route label{font-size:15px;font-weight:650}.judge-route small{margin-top:4px;color:var(--muted);font:12px var(--sans);letter-spacing:0;text-transform:uppercase}.judge-route select,.synthesizer-routing select{width:100%;max-width:none;border:1px solid var(--line);background:#0d0c09;color:var(--text);padding:13px 14px}.judge-route select:focus,.synthesizer-routing select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(177,201,255,.06);outline:0}
.synthesizer-routing>label{display:block;margin-bottom:12px;color:var(--accent);font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em}.judge-block>a{grid-column:1/-1;color:var(--accent);font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em}.judge-block>a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.judge-route{grid-template-columns:minmax(190px,.7fr) minmax(260px,1.3fr)}}
@media(max-width:640px){.routing-head{grid-template-columns:1fr;padding:24px 20px;gap:22px}.routing-reset{justify-self:start}.routing-block{padding:24px 20px}.judge-route{grid-template-columns:1fr;gap:12px;padding:18px 0}.judge-route>div{grid-template-columns:32px 1fr}.candidates-routing .model-list{height:330px}}

/* Replay Theater --------------------------------------------------------- */
.leaderboard-entry{display:flex;justify-content:flex-end;margin:28px 0 -1px}.leaderboard-entry+.leaderboard{margin-top:0}.watch-replay{padding:13px 17px;border:1px solid var(--accent);background:var(--accent);color:#100e0c;font:800 13px var(--sans);font-weight:600;letter-spacing:0.04em;transition:transform .2s,box-shadow .2s}.watch-replay:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(177,201,255,.18)}.watch-replay span{margin-left:28px}
.replay-page{padding-top:20px}.replay-hero{min-height:260px;padding:48px 0 38px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}.replay-hero h1{margin:0;font-size:clamp(3.7rem,8vw,7.7rem);font-weight:400;letter-spacing:-0.012em;line-height:.86;font-family:var(--serif)}.replay-hero>div>p:last-child{margin:24px 0 0;color:var(--muted);font:13px var(--sans);letter-spacing:0}.replay-live{align-self:end;border:1px solid rgba(177,201,255,.48);background:rgba(177,201,255,.045);color:var(--accent);padding:11px 13px;font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em;white-space:nowrap}
.replay-controls{position:sticky;top:76px;z-index:15;min-height:48px;display:flex;justify-content:flex-end;border:1px solid var(--line);border-top:0;background:rgba(16,14,11,.94);backdrop-filter:blur(16px);box-shadow:0 12px 28px rgba(0,0,0,.2)}.replay-controls button{border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);padding:0 18px;cursor:pointer;font:700 12.5px var(--sans);font-weight:600;letter-spacing:0.04em;transition:background .2s,color .2s}.replay-controls button:hover{background:rgba(177,201,255,.05);color:var(--accent)}.replay-controls button:last-child{color:var(--accent)}.replay-controls button span{margin-left:22px}.replay-controls.reduced{justify-content:flex-start;padding:0 16px;color:var(--muted);font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em}.replay-controls.reduced p{margin:auto 0}
.replay-prompt{min-width:0;margin-top:28px;padding:26px 30px 30px;border:1px solid var(--line);border-left:2px solid var(--accent);background:linear-gradient(110deg,rgba(177,201,255,.045),transparent 42%),rgba(22,20,18,.52)}.replay-prompt header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}.replay-prompt header p{margin:0}.replay-prompt header span{color:var(--muted);font:12px var(--sans);font-weight:600;letter-spacing:0.04em;text-align:right}.replay-prompt h2{margin:24px 0 12px;color:var(--text);font-size:clamp(1.15rem,2vw,1.55rem);font-weight:500;letter-spacing:-0.012em;font-family:var(--serif)}.replay-prompt>p:last-child{max-width:75ch;margin:0;color:#d4d1ce;font-size:16.5px;line-height:1.72;white-space:pre-wrap;overflow-wrap:anywhere}
.stage-heading{min-height:135px;display:flex;align-items:end;justify-content:space-between;gap:30px;padding:38px 0 22px;border-bottom:1px solid var(--line)}.stage-heading h2{margin:0;font-size:clamp(2rem,4vw,3.8rem);font-weight:400;letter-spacing:-0.012em;line-height:.95;font-family:var(--serif)}.stage-heading>span{color:var(--muted);font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em;text-align:right}.replay-candidates{margin-top:18px}.replay-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line)}.replay-lane{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(22,20,18,.82),rgba(16,14,11,.64));box-shadow:inset 0 2px transparent;transition:box-shadow .35s}.replay-lane.complete{box-shadow:inset 0 2px var(--green)}.replay-lane-head{min-height:110px;padding:17px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.replay-lane-head>div>span,.replay-lane-head small{display:block;color:var(--muted);font:12px var(--sans);letter-spacing:0}.replay-lane-head h2{margin:13px 0 8px;font-size:19px;font-weight:600;letter-spacing:-0.01px}.replay-lane-head small{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-lane-head .status-chip{font-size:12px;padding:7px 8px}.replay-response{height:330px;overflow:auto;scrollbar-color:var(--line) transparent;padding:20px 18px;white-space:pre-wrap;color:#d4d1ce;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.replay-response strong{color:var(--text)}.replay-response em{color:#bbb8b4}.block-cursor{display:inline;color:var(--accent);font-family:var(--mono);animation:cursor-blink .75s steps(1,end) infinite}@keyframes cursor-blink{50%{opacity:0}}
.replay-judges{border-top:1px solid var(--line);min-height:1px}.replay-judge-card{padding:16px 18px 18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(177,201,255,.035),transparent);animation:judge-arrive .55s cubic-bezier(.16,1,.3,1) both}.replay-judge-card:last-child{border-bottom:0}.replay-judge-card header{display:flex;justify-content:space-between;gap:12px;color:var(--text);font:12.5px var(--sans);font-weight:600;letter-spacing:0.04em}.replay-judge-card header small{color:var(--muted);font-size:12px}.replay-judge-card>div{display:flex;align-items:baseline;gap:5px;margin:13px 0 9px;font-family:var(--mono)}.replay-judge-card>div b{font-size:30px;font-family:var(--serif);font-weight:500}.replay-judge-card>div span{color:var(--muted);font-size:12.5px}.replay-judge-card q{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#9da9b6;font-size:14px;line-height:1.55;font-style:italic}.replay-judge-card q:before,.replay-judge-card q:after{color:var(--accent)}
@keyframes judge-arrive{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}.stage-arrival{animation:stage-arrive .72s cubic-bezier(.16,1,.3,1) both}@keyframes stage-arrive{from{opacity:0;transform:translateY(18px) skewY(.15deg)}to{opacity:1;transform:none}}
.replay-arbiter{margin-top:64px;border-top:1px solid var(--line)}.arbiter-assessments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line)}.arbiter-assessments article{min-height:260px;padding:25px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(155deg,rgba(238,179,90,.035),transparent 58%)}.arbiter-assessments article header{display:flex;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--line);font:13px var(--sans);font-weight:600;letter-spacing:0.04em}.arbiter-assessments article header b{color:var(--amber)}.arbiter-assessments article p{margin:22px 0 0;color:#d3d1cd;line-height:1.72}.arbiter-assessments article em{color:var(--muted)}.replay-outliers{margin-top:32px}.replay-outliers .outlier p b{color:var(--text)}.replay-outliers .outlier>span{padding-left:12px;border-left:2px solid var(--amber)}
.replay-ranking{margin-top:70px;border-top:1px solid var(--line)}.replay-ranks{border-top:1px solid var(--line)}.replay-rank-row{min-height:94px;display:grid;grid-template-columns:70px 1fr 170px;align-items:stretch;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(177,201,255,.045),transparent 55%);animation:rank-arrive .7s cubic-bezier(.16,1,.3,1) both;transition:background .2s,transform .2s}.replay-rank-row:hover{background:rgba(177,201,255,.07);transform:translateX(3px)}@keyframes rank-arrive{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}.replay-rank-row>.rank{display:grid;place-items:center;border-right:1px solid var(--line);color:var(--accent);font:26px var(--serif)}.replay-rank-row>div:nth-child(2){display:flex;flex-direction:column;justify-content:center;padding:18px 24px}.replay-rank-row h3{margin:0 0 7px;font-size:19px}.replay-rank-row small{color:var(--muted);font:12.5px var(--sans)}.replay-overall{border-left:1px solid var(--line);display:flex;align-items:baseline;justify-content:center;gap:5px;font-family:var(--mono)}.replay-overall b{font-size:31px;font-family:var(--serif);font-weight:500}.replay-overall span{color:var(--muted);font-size:12.5px}
.replay-cta{margin-top:76px}.run-it-yourself{display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:center;margin-top:72px;padding:48px;border:1px solid var(--line);border-left:2px solid var(--accent);background:radial-gradient(circle at 8% 20%,rgba(177,201,255,.08),transparent 24rem),rgba(22,20,18,.72);box-shadow:0 28px 70px rgba(0,0,0,.22)}.replay-cta .run-it-yourself{margin-top:0}.cta-copy h2{margin:0;font-size:clamp(2.8rem,5vw,5.3rem);font-weight:400;letter-spacing:-0.012em;line-height:.9;font-family:var(--serif)}.cta-copy>p:not(.eyebrow){max-width:49ch;margin:24px 0;color:#c1beba;line-height:1.65}.cta-copy>a{display:inline-block;color:var(--accent);font:13px/1.5 var(--sans);font-weight:600;letter-spacing:0.04em}.cta-copy>a span{margin-left:8px}.command-block{min-width:0;border:1px solid var(--line);background:#0c0a08}.command-block>div{height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font:12px var(--sans);font-weight:600;letter-spacing:0.04em;padding-left:14px}.command-block button{align-self:stretch;border:0;border-left:1px solid var(--line);background:rgba(177,201,255,.04);color:var(--accent);padding:0 16px;cursor:pointer;font:800 12.5px var(--sans);font-weight:600;letter-spacing:0.04em}.command-block button:hover{background:var(--accent);color:#100e0c}.command-block pre{margin:0;padding:20px;overflow:auto;white-space:pre;color:#c5c2bf;font:13px/1.85 var(--mono);outline:0}.command-block pre:focus{box-shadow:inset 0 0 0 1px var(--accent)}
@media(max-width:900px){.replay-lanes,.arbiter-assessments{grid-template-columns:1fr}.replay-lane{border-bottom:1px solid var(--line)}.replay-response{height:300px}.run-it-yourself{grid-template-columns:1fr;gap:38px;padding:38px}.replay-rank-row{grid-template-columns:60px 1fr 145px}}
@media(max-width:640px){.leaderboard-entry{justify-content:stretch;margin-top:18px}.watch-replay{width:100%;text-align:center}.replay-page{padding-top:12px}.replay-hero{min-height:235px;grid-template-columns:1fr;padding:36px 0 26px}.replay-hero h1{font-size:clamp(3.4rem,18vw,5.6rem);font-family:var(--serif);font-weight:500}.replay-live{justify-self:start}.replay-controls{top:104px;justify-content:stretch}.replay-controls button{flex:1;padding:0 8px;font-size:12px}.replay-controls button span{display:none}.stage-heading{display:block;min-height:125px;padding-top:32px}.stage-heading>span{display:block;text-align:left;margin-top:18px}.replay-lane-head{min-height:104px;padding:15px}.replay-response{height:280px;padding:17px 15px}.replay-arbiter,.replay-ranking{margin-top:48px}.arbiter-assessments article{min-height:220px;padding:22px 18px}.replay-rank-row{grid-template-columns:48px 1fr 105px;min-height:84px}.replay-rank-row>.rank{font-size:19px}.replay-rank-row>div:nth-child(2){padding:14px}.replay-rank-row h3{font-size:16px}.replay-rank-row small{display:none}.replay-overall b{font-size:23px}.run-it-yourself{margin-top:50px;padding:26px 18px;gap:30px}.command-block pre{padding:16px;font-size:12px}.command-block>div span{font-size:12px}.about .run-it-yourself{margin-top:50px}}
@media(max-width:900px){.replay-prompt{padding:26px 24px 28px}}
@media(max-width:640px){.replay-prompt{margin-top:20px;padding:22px 18px 24px}.replay-prompt header{display:block}.replay-prompt header span{display:block;margin-top:9px;text-align:left}.replay-prompt h2{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.block-cursor{display:none}.replay-response{scroll-behavior:auto}.stage-arrival,.replay-judge-card,.replay-rank-row{animation:none}}

/* Evidence system, replay controls, and local type ---------------------- */

h1{font-weight:200!important}.masthead{grid-template-columns:1fr auto auto auto}.masthead.app-mode{grid-template-columns:1fr auto auto auto auto auto auto}.brand{letter-spacing:.05em}.brand small,.run-control label,.nav-link,.eyebrow,.section-label,.run-stamp span,.run-stamp small,.leader-head,.spotlight-note span,.overall small,.hero-score span,.hero-score small,.pipeline,.key-chip,.status-chip,.step-mark,.settings-panel label,.form-block>label,.form-label label,.replay-live,.replay-controls button,.replay-controls.reduced,.replay-prompt header span,.stage-heading>span,.command-block>div,.command-block button,body>footer,#root>footer{letter-spacing:.06em}
.judge-spread{height:42px;width:100%;min-width:90px}.judge-spread-axis{height:100%;margin:0 7px;position:relative}.judge-spread-axis:before{content:"";position:absolute;left:0;right:0;top:20px;border-top:1px solid #52606e}.judge-spread-axis>i{position:absolute;top:14px;height:14px;border-left:1px solid rgba(133,146,163,.25)}.judge-spread-axis>i.major{top:11px;height:20px;border-color:rgba(133,146,163,.52)}.judge-spread-band{position:absolute;top:17px;height:8px;min-width:1px;background:rgba(177,201,255,.08);z-index:1}.judge-spread-final{position:absolute;top:16px;width:2px;height:10px;background:var(--accent);transform:translateX(-1px);z-index:4;box-shadow:0 0 8px rgba(177,201,255,.35)}.judge-spread-dot{position:absolute;top:15px;width:12px;height:12px;transform:translateX(-6px);overflow:visible;z-index:3}.judge-spread-dot circle:last-child{fill:currentColor}.judge-spread-halo{fill:none;stroke:var(--amber);stroke-width:1.4;opacity:.75;animation:spread-halo 2s ease-in-out infinite}@keyframes spread-halo{50%{opacity:.22}}.judge-spread.compact{height:25px}.judge-spread.compact .judge-spread-axis:before{top:12px}.judge-spread.compact .judge-spread-band{top:8px}.judge-spread.compact .judge-spread-final{top:7px}.judge-spread.compact .judge-spread-dot{top:6px}
.criterion-score>.criterion-signal{display:grid;align-items:stretch;gap:5px;width:100%}.criterion-signal .judge-spread{margin-top:2px}.matrix-spread-row td{padding:7px 20px 9px!important;background:rgba(13,12,9,.72)!important}.matrix-spread-row+.disputed{outline-offset:-2px}
.transcript-layout{max-width:1130px;margin:0 auto;display:grid;grid-template-columns:52px minmax(0,1fr);gap:28px}.transcript-layout .transcript{max-width:none;width:100%;margin:45px 0;display:flex;flex-direction:column}.turn-rail{position:sticky;top:112px;align-self:start;margin-top:45px;border-top:1px solid var(--line)}.turn-rail a{height:37px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5px;color:var(--muted);font:12px var(--sans);font-weight:600;letter-spacing:0.04em;transition:color .2s,background .2s}.turn-rail a:hover{color:var(--accent);background:rgba(177,201,255,.04)}.turn-rail b{font-size:12.5px;color:var(--accent)}.turn-rail b.invalid{color:var(--amber)}.turn{scroll-margin-top:142px;align-self:flex-start}.turn.candidate{width:78%;margin-left:auto}.turn.participant{width:72%;max-width:72%;margin-left:8%;border-left:2px solid var(--accent)}.turn.participant>header{color:var(--amber)}.turn-content{position:relative}.turn.collapsed .turn-content{max-height:500px;overflow:hidden}.turn.collapsed .turn-content:after{content:"";position:absolute;inset:auto 0 0;height:130px;pointer-events:none;background:linear-gradient(transparent,rgba(22,20,18,.98))}.tools{width:100%;padding:12px 14px 15px;background:rgba(21,28,38,.62);border-top:1px solid var(--line)}.tools details{width:100%;background:var(--surface-2)}.turn-expand{width:100%;height:42px;border:0;border-top:1px solid var(--line);background:var(--surface);color:var(--accent);cursor:pointer;font:700 12px var(--sans);font-weight:600;letter-spacing:0.04em}.turn-expand:hover{background:rgba(177,201,255,.06)}
.why{padding-top:11vh}.why .about-copy strong{color:var(--accent);font-weight:650;text-transform:uppercase}.why-example{margin:76px 0 0}.why-example .outlier{grid-template-columns:190px 1fr;padding:30px 0}.why-example .outlier>div>strong{display:block;margin-bottom:12px;color:var(--amber);font:13px var(--sans);font-weight:600;letter-spacing:0.04em}.why-example .outlier p{max-width:78ch}.why-example .outlier small{display:block;max-width:78ch;margin-top:15px;color:var(--muted);font-size:14.5px;line-height:1.6}.why .about-grid{margin-top:78px}.why-replay-link{display:flex;justify-content:space-between;align-items:center;margin:62px 0 -38px;padding:18px 20px;border:1px solid var(--accent);color:var(--accent);font:700 12.5px var(--sans);font-weight:600;letter-spacing:0.04em;background:rgba(177,201,255,.035);transition:background .2s,color .2s}.why-replay-link:hover{background:var(--accent);color:#100e0c}
.replay-scrubber{position:sticky;top:124px;z-index:14;height:50px;border:1px solid var(--line);border-top:0;background:rgba(16,14,11,.94);backdrop-filter:blur(16px)}.replay-scrubber-track{position:absolute;inset:0 0 auto;height:4px;background:#202a35;overflow:hidden}.replay-scrubber-track>span{display:block;height:100%;background:var(--accent);box-shadow:0 0 12px rgba(177,201,255,.35)}.replay-scrubber-mark{position:absolute;top:0;height:10px;border-left:1px solid var(--accent);pointer-events:none}.replay-scrubber-mark>span{position:absolute;top:11px;left:0;transform:translateX(-50%);color:var(--muted);font:12px var(--sans);font-weight:600;letter-spacing:0.04em;white-space:nowrap}.replay-scrubber-mark:nth-of-type(even)>span{top:27px}.replay-scrubber input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.replay-scrubber:focus-within{box-shadow:inset 0 0 0 1px var(--accent)}.replay-lanes.converging{border-bottom:1px solid var(--accent)}.replay-lanes.converging .replay-lane.complete{opacity:.7}.replay-lane{transition:box-shadow .35s,opacity .35s}.replay-arbiter-spread{margin-top:20px;padding-top:12px;border-top:1px solid var(--line);animation:judge-arrive .55s cubic-bezier(.16,1,.3,1) both}.replay-ranks.finale .replay-rank-row:not(.champion){opacity:.8;transition:opacity .3s,background .2s,transform .2s}.replay-ranks.finale .replay-rank-row:not(.champion):hover{opacity:1}.replay-rank-row.champion{grid-template-columns:140px 1fr 170px;border-left:2px solid var(--accent);background:radial-gradient(circle at 12% 50%,rgba(177,201,255,.14),transparent 34%),linear-gradient(90deg,rgba(177,201,255,.07),transparent 60%);animation:champion-settle .8s cubic-bezier(.16,1,.3,1) both}.replay-rank-row.champion>.rank{display:flex;align-items:center;gap:10px;padding:0 12px}.champion-chip{padding:4px 5px;border:1px solid rgba(177,201,255,.5);color:var(--accent);font:700 12px var(--sans);font-weight:600;letter-spacing:0.04em}@keyframes champion-settle{0%{transform:translateX(0) scale(1)}45%{transform:translateX(0) scale(1.02)}100%{transform:translateX(0) scale(1)}}
@media(max-width:900px){.masthead.app-mode{grid-template-columns:1fr auto auto auto auto auto}.turn-rail{display:none}.transcript-layout{display:block}.turn.participant{margin-left:6%}.why-example .outlier{grid-template-columns:1fr}.why-example .outlier>span{margin-bottom:14px}}
@media(max-width:640px){.masthead:not(.app-mode){grid-template-columns:1fr auto auto}.masthead.app-mode{grid-template-columns:1fr repeat(5,auto)}.masthead.app-mode .brand>span:nth-child(2){display:none}.masthead.app-mode .nav-link{padding:0 4px}.turn.candidate,.turn.participant{width:100%;max-width:100%;margin-left:0}.why{padding-top:60px}.why-example{margin-top:52px}.why-replay-link{margin-top:44px}.replay-scrubber{top:152px}.replay-rank-row.champion{grid-template-columns:112px 1fr 105px}.replay-rank-row.champion>.rank{gap:6px;padding:0 7px}.champion-chip{font-size:12px;padding:3px}}
@media(prefers-reduced-motion:reduce){.judge-spread-halo{animation:none!important;opacity:.75}.replay-arbiter-spread,.replay-rank-row.champion{animation:none!important}}

.selected-models{display:grid;gap:10px;margin-top:18px}
.selected-model{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,180px) auto;align-items:center;gap:12px;padding:16px;border:1px solid var(--line)}
.selected-model-name{min-width:0}.selected-model-name b{font-size:15px}.selected-model-name small{display:block;margin-top:6px;color:var(--muted);font:13px/1.5 var(--sans);overflow-wrap:anywhere}
.thinking-select{min-width:0}.thinking-select label{display:block;margin-bottom:6px;color:var(--muted);font:13px var(--sans);letter-spacing:0.04em;font-weight:600}
.thinking-select select{width:100%;min-width:0;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px;font:14px var(--mono)}
.remove-model,.add-model-level{border:1px solid var(--line);background:transparent;color:var(--text);padding:10px;font:13px var(--sans);letter-spacing:0.04em;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}
.add-model-level{grid-column:1/-1;justify-self:start;color:var(--accent)}
.remove-model:hover:not(:disabled),.add-model-level:hover{border-color:var(--accent);background:var(--panel)}.remove-model:disabled{opacity:.35;cursor:not-allowed}
.judge-route>.model-route-select,.model-route-select{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;width:100%}.model-route-select>select{min-width:0;max-width:100%}
.model-route-select .thinking-select{max-width:220px}.model-route-select .thinking-select label{font:13px var(--sans);letter-spacing:0.04em;font-weight:600}
@media(max-width:640px){.selected-model{grid-template-columns:minmax(0,1fr) auto;padding:12px}.selected-model-name{grid-column:1/-1}.selected-model .thinking-select{grid-column:1}.selected-model .remove-model{grid-column:2}.model-route-select .thinking-select{max-width:none}}
/* Evaluation studio: a research journal on warm graphite, with evidence at the center. */
:root {
  --bg: #131312;
  --surface: #1a1a18;
  --surface-2: #232320;
  --line: #34332f;
  --muted: #a6a39a;
  --text: #ecebe5;
  --accent: #93a9ff;
  --accent-dim: #232a45;
  --green: #a3c9a9;
  --amber: #e3b56a;
  --red: #ef8f80;
  --serif: "Newsreader", Georgia, serif;
  --sans: "IBM Plex Sans", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
  font-family: var(--sans);
}
body {
  background: var(--bg);
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
button,
input,
select,
textarea {
  font-family: inherit;
}
button,
a,
input,
select,
summary {
  -webkit-tap-highlight-color: transparent;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
}
::selection {
  background: var(--accent);
  color: var(--bg);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.skip-link {
  position: fixed;
  top: -80px;
  left: 20px;
  z-index: 100;
  background: var(--accent);
  color: var(--bg);
  padding: 14px;
}
.skip-link:focus {
  top: 12px;
}
.workspace-shell {
  display: grid;
  grid-template-columns: 264px minmax(0, 1fr);
  min-height: 100vh;
}
.workspace-sidebar {
  position: sticky;
  top: 0;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  padding: 29px 18px 20px;
  border-right: 1px solid var(--line);
  background: #191715;
  overflow-y: auto;
}
.workspace-brand {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 0 7px 28px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.012em;
  font-family: var(--serif);
}
.brand-caption {
  display: block;
  white-space: nowrap;
  font: 12px var(--sans);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--muted);
  margin-top: 7px;
}
.tournament-mark {
  width: 29px;
  height: 34px;
  display: flex;
  align-items: flex-end;
  gap: 3px;
  transform: skewY(-12deg);
}
.tournament-mark i {
  width: 7px;
  background: var(--accent);
  height: 22px;
}
.tournament-mark i:nth-child(2) {
  height: 32px;
}
.tournament-mark i:last-child {
  height: 16px;
}
.workspace-picker {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--line);
  padding: 12px 9px;
  border-radius: 5px;
  font-size: 14px;
}
.workspace-avatar {
  display: grid;
  place-items: center;
  width: 27px;
  height: 29px;
  background: #353942;
  color: var(--accent);
  font-weight: 600;
  border-radius: 3px;
}
.workspace-picker small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 13px;
}
.workspace-badge {
  margin-left: auto;
  font: 12px var(--sans);
  letter-spacing: 0.04em;
  font-weight: 600;
  color: var(--muted);
}
.nav-caption {
  font: 12px var(--sans);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #a6abb5;
  margin: 29px 12px 12px;
}
.workspace-nav {
  display: grid;
  gap: 4px;
}
.workspace-nav > a {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 4px;
  color: #b0b3bb;
  font-size: 14.5px;
  transition:
    background 0.18s,
    color 0.18s;
}
.workspace-nav > a:hover {
  background: #24272d;
  color: var(--text);
}
.workspace-nav > a[aria-current="page"] {
  color: var(--accent);
  background: #2c303a;
}
.workspace-nav > a small {
  margin-left: auto;
  font: 12px var(--sans);
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 4px;
  background: #393e49;
  border-radius: 2px;
  color: var(--accent);
}
.nav-section-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-right: 12px;
}
.nav-section-heading > span {
  font: 12px var(--sans);
  letter-spacing: 0.04em;
  font-weight: 600;
  color: var(--muted);
}
.experiment-nav {
  display: grid;
  gap: 3px;
}
.experiment-nav > a {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 12px;
  font-size: 14px;
  border-radius: 4px;
  color: #c6c4c0;
}
.experiment-nav > a:hover,
.experiment-nav > a[aria-current="true"] {
  background: #272422;
}
.experiment-dot {
  width: 6px;
  height: 6px;
  border: 1px solid #7e838f;
  border-radius: 50%;
  flex-shrink: 0;
}
.experiment-nav > a[aria-current="true"] .experiment-dot {
  background: var(--accent);
  border-color: var(--accent);
}
.experiment-nav small {
  display: block;
  margin-top: 6px;
  color: #a6abb5;
  font-size: 12.5px;
}
.experiment-arrow {
  margin-left: auto;
  font-size: 16px;
  color: #a5abb7;
}
.sidebar-bottom {
  margin-top: auto;
  padding-top: 34px;
}
.new-experiment {
  display: flex;
  align-items: center;
  gap: 9px;
  justify-content: center;
  background: var(--accent);
  color: #252a36;
  min-height: 40px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  transition:
    background 0.2s,
    transform 0.2s;
}
.new-experiment:hover {
  background: #e6eeff;
  transform: translateY(-1px);
}
.sidebar-bottom > p {
  text-align: center;
  font-size: 13px;
  color: #a6abb6;
  line-height: 1.8;
  margin: 14px 0 22px;
}
.external-arrow {
  margin-left: auto;
}
.local-status {
  display: flex;
  align-items: center;
  gap: 7px;
  font: 12px var(--sans);
  letter-spacing: 0.04em;
  font-weight: 600;
  color: #a6abb6;
  padding: 20px 6px 0;
  border-top: 1px solid var(--line);
  margin-top: 14px;
}
.local-status > span,
.demo-status > span,
.studio-eyebrow > span:first-child,
.tiny-dot,
.live-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--accent);
  border-radius: 50%;
  flex-shrink: 0;
}
.workspace-main {
  min-width: 0;
}
.workspace-topbar {
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 38px;
  border-bottom: 1px solid var(--line);
  font-size: 14px;
  gap: 20px;
}
.workspace-topbar > div {
  display: flex;
  gap: 14px;
  align-items: center;
}
.workspace-topbar > div > span {
  color: var(--muted);
}
.workspace-topbar i {
  color: #a5abb7;
  font-style: normal;
}
.workspace-topbar b {
  font-weight: 500;
}
.demo-status {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font: 12px var(--sans);
  font-weight: 600;
  letter-spacing: 0.04em;
}
.demo-status > span {
  width: 5px;
  height: 5px;
  animation: status-breathe 4s ease-in-out infinite;
}
@keyframes status-breathe {
  50% {
    opacity: 0.35;
  }
}
.workspace-main main {
  min-height: calc(100vh - 140px);
}
.workspace-footer {
  margin: 0;
  padding: 24px 38px;
  border-top: 1px solid var(--line);
  font: 12px var(--sans);
  font-weight: 600;
  letter-spacing: 0.04em;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: var(--muted);
  background: transparent;
}
.workspace-footer i {
  padding: 0 8px;
  font-style: normal;
  color: #a4abb9;
}
.workspace-footer a:hover {
  color: var(--accent);
}
.studio-page {
  max-width: 1530px;
  padding: 40px 38px 35px;
  margin: 0 auto;
}
.studio-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.studio-eyebrow {
  font: 12px var(--sans);
  font-weight: 600;
  color: #bac2d4;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 18px;
}
.heading-separator {
  color: #a4abb9;
  margin: 0 4px;
}
.studio-heading h1 {
  font-size: clamp(30px, 3.1vw, 49px);
  font-weight: 450;
  letter-spacing: -0.012em;
  line-height: 1.12;
  margin: 0;
  font-family: var(--serif);
}
.studio-description {
  color: #adb2bb;
  max-width: 650px;
  font-size: 15px;
  line-height: 1.75;
  margin: 16px 0 0;
}
.studio-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 11px 13px;
  border: 1px solid #444953;
  background: transparent;
  color: var(--text);
  border-radius: 4px;
  font-size: 13px;
  white-space: nowrap;
  transition:
    border-color 0.2s,
    background 0.2s;
}
.studio-button:hover {
  background: var(--surface-2);
  border-color: var(--accent);
}
.studio-heading > .studio-button {
  align-self: flex-end;
  margin-bottom: 5px;
}
.experiment-context {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 26px;
  color: #b5bac3;
  font-size: 13px;
}
.complete-badge {
  display: flex;
  align-items: center;
  gap: 5px;
  background: #292e37;
  color: #cadaff;
  padding: 5px 7px;
  border-radius: 3px;
  font: 12px var(--sans);
  letter-spacing: 0.04em;
  font-weight: 600;
  white-space: nowrap;
}
.experiment-context time {
  margin-left: auto;
  font: 12px var(--sans);
  letter-spacing: 0.04em;
  font-weight: 600;
  color: var(--muted);
}
.studio-tabs {
  display: flex;
  align-items: center;
  gap: 27px;
  border-bottom: 1px solid var(--line);
  margin-top: 22px;
}
.studio-tabs > a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #a8adb8;
  padding: 16px 0;
}
.studio-tabs > a:hover {
  color: var(--text);
}
.studio-tabs > a[aria-current="page"] {
  color: var(--accent);
}
.studio-tabs > a[aria-current="page"]:after {
  content: "";
  position: absolute;
  height: 2px;
  background: var(--accent);
  bottom: -1px;
  left: 0;
  right: 0;
}
.studio-tabs > a > span {
  font: 12px var(--sans);
  letter-spacing: 0.04em;
  font-weight: 600;
  color: #bac2d2;
  background: #2f323a;
  border: 1px solid #424752;
  border-radius: 2px;
  padding: 3px 5px;
}
.studio-tabs .replay-tab {
  margin-left: auto;
}
.overview-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 28px 0 27px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 28px;
}
.overview-metrics > div {
  padding-left: 25px;
  border-left: 1px solid var(--line);
}
.overview-metrics > div:first-child {
  padding-left: 0;
  border: 0;
}
.overview-metrics > div > span {
  font: 12px var(--sans);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #a5abb7;
}
.overview-metrics strong {
  display: flex;
  align-items: baseline;
  gap: 9px;
  font-size: 35px;
  letter-spacing: -0.012em;
  font-weight: 450;
  margin: 12px 0 7px;
  font-variant-numeric: tabular-nums;
  font-family: var(--serif);
}
.overview-metrics strong i {
  font-family: var(--sans);
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  color: #a9afbc;
}
.overview-metrics small {
  color: #a6abb6;
  font-size: 12.5px;
}
.dissent-value {
  color: var(--amber);
}
.overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 275px;
  gap: 22px;
}
.ranking-panel,
.criteria-panel,
.dissent-panel,
.weight-panel,
.weighted-results {
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #1c1a17;
  min-width: 0;
}
.studio-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 23px 23px 20px;
}
.studio-kicker {
  font: 12px var(--sans);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #a6acb8;
  margin: 0 0 9px;
}
.studio-section-head h2,
.weight-panel h2,
.weighted-results h2 {
  margin: 0;
  font-size: 19px;
  letter-spacing: -0.16px;
  font-weight: 500;
}
.muted-label {
  font: 12px var(--sans);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #a6abb6;
}
.ranking-list {
  padding: 0 14px;
}
.ranking-row {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 96px;
  border-top: 1px solid #2c2f35;
  padding: 16px 10px;
  transition: background 0.2s;
}
.ranking-row:hover {
  background: #262a32;
}
.ranking-row > .position {
  font: 13px var(--sans);
  letter-spacing: 0.04em;
  font-weight: 600;
  color: #a3abbd;
  width: 17px;
}
.model-mark {
  display: grid;
  place-items: center;
  width: 34px;
  height: 35px;
  border-radius: 7px;
  flex-shrink: 0;
  font-size: 19px;
  letter-spacing: -0.35px;
  font-weight: 600;
  background: #2e323d;
  color: var(--accent);
  border: 1px solid #3e4452;
}
.model-mark.model-color-1 {
  color: #b6c9e9;
  background: #263240;
  border-color: #3b4b5f;
}
.model-mark.model-color-2 {
  color: #d9c4af;
  background: #3c3027;
  border-color: #554638;
}
.model-mark.model-color-3 {
  color: #dac8d5;
  background: #34322f;
  border-color: #55424d;
}
.ranking-name {
  flex: 1;
  min-width: 0;
}
.ranking-name h3 {
  font-size: 15px;
  font-weight: 550;
  letter-spacing: -0.03px;
  margin: 0 0 7px;
}
.ranking-name p {
  font-size: 12.5px;
  margin: 0 0 11px;
  color: #a4abb9;
}
.ranking-name p > span {
  padding: 0 5px;
}
.ranking-track {
  height: 3px;
  border-radius: 2px;
  background: #2f3239;
  width: 90%;
  overflow: hidden;
}
.ranking-track > span {
  display: block;
  height: 100%;
  border-radius: 2px;
  background: var(--accent);
}
.ranking-score {
  min-width: 63px;
  text-align: right;
}
.ranking-score > b {
  display: block;
  font-size: 27px;
  letter-spacing: -0.012em;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  font-family: var(--serif);
}
.ranking-score > span {
  display: block;
  font: 12px var(--sans);
  font-weight: 600;
  color: #aeb3be;
  margin-top: 7px;
  letter-spacing: 0.04em;
}
.first-place .ranking-score > b {
  color: var(--accent);
}
.ranking-row > svg {
  color: #a5abb9;
  margin-left: 2px;
}
.ranking-track > span.model-color-1,
.mini-track > i.model-color-1,
.legend-dot.model-color-1 {
  background: #a8bfe0;
}
.ranking-track > span.model-color-2,
.mini-track > i.model-color-2,
.legend-dot.model-color-2 {
  background: #d2b799;
}
.ranking-track > span.model-color-3,
.mini-track > i.model-color-3,
.legend-dot.model-color-3 {
  background: #cab5c6;
}
.ranking-footnote {
  display: flex;
  gap: 7px;
  align-items: center;
  margin: 0 23px;
  padding: 16px 0 18px;
  border-top: 1px solid #2e3138;
  font-size: 12px;
  color: #a4abb9;
  line-height: 1.65;
}
.tiny-dot {
  width: 4px;
  height: 4px;
}
.finding-panel {
  border: 1px solid #494f5b;
  background: #2a2e37;
  border-radius: 6px;
  padding: 24px;
  position: relative;
  overflow: hidden;
}
.finding-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 31px;
}
.finding-top .studio-kicker {
  margin: 0;
  color: #c6cddd;
}
.finding-icon {
  font-size: 22px;
  color: var(--accent);
}
.finding-label {
  font-size: 13px;
  color: #b3bbcd;
}
.finding-panel h2 {
  font-size: 25px;
  line-height: 1.18;
  font-weight: 500;
  letter-spacing: -0.012em;
  margin: 9px 0 15px;
  position: relative;
  z-index: 1;
  font-family: var(--serif);
}
.finding-score {
  font-size: 54px;
  font-weight: 400;
  letter-spacing: -0.012em;
  color: var(--accent);
  line-height: 1;
  font-family: var(--serif);
}
.finding-score > span {
  font-size: 16.5px;
  letter-spacing: 0;
  color: #b3bbcd;
  margin-left: 9px;
}
.finding-panel > p {
  font-size: 14px;
  color: #c5cbd7;
  line-height: 1.8;
  margin: 20px 0;
}
.finding-panel > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  line-height: 1.6;
  padding-top: 16px;
  border-top: 1px solid #565c6b;
  gap: 16px;
  color: #d4e2ff;
  position: relative;
  z-index: 1;
}
.analysis-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 22px;
  margin-top: 22px;
}
.criteria-panel .studio-section-head > svg {
  color: #a3abbc;
}
.criteria-table-wrap {
  overflow: auto;
  margin: 0 23px;
}
.criteria-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  table-layout: fixed;
}
.criteria-table th,
.criteria-table td {
  border-bottom: 1px solid #2d3038;
  padding: 16px 8px;
  font-size: 13px;
}
.criteria-table th:first-child {
  padding-left: 0;
  width: 30%;
}
.criteria-table thead th {
  font-weight: 400;
  font-size: 12.5px;
  color: #b3b9c4;
  line-height: 1.6;
  vertical-align: bottom;
  padding-top: 1px;
  padding-bottom: 13px;
}
.criteria-table thead th:first-child {
  font: 12px var(--sans);
  font-weight: 600;
  color: #a5abb8;
  letter-spacing: 0.04em;
}
.criteria-table tbody th {
  font-weight: 450;
  color: #caced7;
  font-size: 13px;
  line-height: 1.7;
}
.legend-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
  margin-right: 5px;
  flex-shrink: 0;
}
.matrix-cell {
  display: flex;
  gap: 7px;
  align-items: center;
  position: relative;
}
.matrix-cell b {
  font: 12.5px var(--sans);
  letter-spacing: 0.04em;
  font-weight: 400;
}
.mini-track {
  display: block;
  width: 100%;
  height: 4px;
  background: #33363e;
  border-radius: 3px;
}
.mini-track > i {
  display: block;
  height: 100%;
  background: var(--accent);
  border-radius: 3px;
}
.contested-dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: var(--amber);
  border-radius: 50%;
  flex-shrink: 0;
}
.matrix-cell > .contested-dot {
  position: absolute;
  right: -7px;
  top: -3px;
}
.criteria-legend {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 18px 23px;
  font-size: 12px;
  color: #a5abb8;
}
.criteria-legend > span:first-child {
  display: flex;
  align-items: center;
  gap: 6px;
}
.dissent-panel .studio-section-head {
  padding-bottom: 17px;
}
.dissent-panel h2 {
  font-size: 17px;
}
.dissent-symbol {
  font-size: 27px;
  color: var(--amber);
}
.dissent-tag {
  display: flex;
  align-items: center;
  gap: 8px;
  font: 12px var(--sans);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--amber);
  margin: 0 23px;
}
.dissent-tag > span {
  padding-left: 8px;
  border-left: 1px solid #655437;
  color: #c5b698;
  font: 12.5px var(--sans);
  letter-spacing: 0;
}
.dissent-model {
  font-size: 14px;
  margin: 14px 23px 8px;
  color: #d2d5dc;
}
.dissent-panel blockquote {
  font-size: 14px;
  color: #b3b8c3;
  line-height: 1.8;
  margin: 0 23px 20px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.studio-text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--accent);
  padding-bottom: 2px;
}
.studio-text-link:hover {
  color: #edf2fe;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.dissent-panel > .studio-text-link {
  margin: 0 23px 23px;
}
.dissent-panel > p:last-child {
  margin: 0 23px 24px;
  color: var(--muted);
  line-height: 1.8;
  font-size: 14.5px;
}
.pipeline-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 30px 0 26px;
  padding: 22px 0;
  border-block: 1px solid var(--line);
}
.pipeline-strip > span {
  font: 12px/1.9 var(--sans);
  font-weight: 600;
  color: #a7adba;
  letter-spacing: 0.04em;
}
.pipeline-strip > span > b {
  font-weight: 400;
  color: #d2d6df;
}
.pipeline-strip > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pipeline-strip > div > span {
  font: 12.5px var(--sans);
  letter-spacing: 0.04em;
  font-weight: 600;
  color: #a5bcf0;
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border: 1px solid #444a55;
  border-radius: 50%;
}
.pipeline-strip b {
  font-size: 14px;
  font-weight: 500;
}
.pipeline-strip small {
  display: block;
  color: #a5abb7;
  font-size: 12px;
  margin-top: 6px;
}
.methodology-note {
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 15px 18px;
  margin-top: 25px;
  color: var(--muted);
}
.methodology-note summary {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 13px;
  cursor: pointer;
  color: #c4c9d2;
}
.methodology-note summary > span {
  margin-left: auto;
  font-size: 12.5px;
  color: #a9afbb;
}
.methodology-note p {
  font-size: 14px;
  line-height: 1.9;
  max-width: 950px;
}
.methodology-note code {
  font: 12.5px var(--mono);
  overflow-wrap: anywhere;
}
.lab-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 24px;
  margin-top: 28px;
}
.weight-panel,
.weighted-results {
  padding: 28px;
}
.weight-panel > p:not(.studio-kicker) {
  font-size: 14.5px;
  color: var(--muted);
  line-height: 1.8;
  margin: 14px 0 20px;
  max-width: 380px;
}
.weight-panel h2,
.weighted-results h2 {
  font-size: 25px;
  font-family: var(--serif);
  font-weight: 500;
}
.weight-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 25px 0 28px;
}
.weight-presets button {
  background: #252830;
  color: #c6cede;
  border: 1px solid #454b58;
  border-radius: 3px;
  padding: 8px 10px;
  font-size: 12.5px;
}
.weight-presets button:hover {
  border-color: var(--accent);
  color: var(--accent);
}
.weight-control {
  padding: 18px 0 22px;
  border-top: 1px solid var(--line);
}
.weight-control > label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
}
.weight-control output {
  color: var(--accent);
  font: 16px var(--mono);
}
.weight-control input {
  width: 100%;
  margin: 22px 0 10px;
  accent-color: var(--accent);
  cursor: pointer;
  height: 20px;
}
.weight-control > div {
  display: flex;
  justify-content: space-between;
  font: 12px var(--sans);
  letter-spacing: 0.04em;
  font-weight: 600;
  color: #a5abb9;
}
.lab-formula {
  display: flex;
  gap: 12px;
  color: #b4bccc;
  background: #242830;
  padding: 15px;
  border-radius: 4px;
  align-items: center;
}
.lab-formula > svg {
  flex-shrink: 0;
}
.lab-formula p {
  margin: 0;
  font-size: 13px;
  line-height: 1.8;
}
.weighted-results .studio-section-head {
  padding: 0 0 20px;
}
.live-dot {
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 5px #343a48;
}
.lab-verdict {
  color: #ceddff;
  background: #2b303c;
  border: 1px solid #394a74;
  font-size: 14.5px;
  line-height: 1.7;
  padding: 14px;
  border-radius: 4px;
  margin: 0 0 23px;
  min-height: 70px;
  display: flex;
  align-items: center;
}
.weighted-row {
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}
.weighted-row > div:first-child {
  display: flex;
  align-items: center;
  gap: 13px;
}
.weighted-row h3 {
  font-size: 15px;
  font-weight: 450;
}
.weighted-row strong {
  margin-left: auto;
  font: 24px var(--serif);
  letter-spacing: -0.012em;
  color: var(--accent);
  font-weight: 400;
}
.weighted-track {
  height: 5px;
  background: #333841;
  margin: 14px 0 11px;
  border-radius: 3px;
  overflow: hidden;
}
.weighted-track > span {
  display: block;
  height: 100%;
  background: var(--accent);
  transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.weighted-row p {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 12.5px;
  color: var(--muted);
  margin: 0;
}
.weighted-row p > span {
  color: #9fb6e9;
}
.lab-disclaimer {
  padding: 24px 0;
}
.lab-disclaimer > b {
  font-size: 14.5px;
  font-weight: 500;
}
.lab-disclaimer p {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.8;
  margin-bottom: 0;
}
.comparison-controls {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 25px;
  margin: 28px 0 23px;
}
.comparison-controls fieldset {
  border: 0;
  padding: 0;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}
.comparison-controls legend {
  padding: 0 0 13px;
  font-size: 14px;
  color: var(--muted);
}
.comparison-controls fieldset label {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
}
.comparison-controls fieldset label.selected {
  border-color: #657eb7;
  color: #d9e1f4;
  background: #292d37;
}
.comparison-controls input {
  accent-color: var(--accent);
  margin: 0 3px 0 0;
}
.scenario-picker {
  font-size: 13px;
  color: var(--muted);
  max-width: 260px;
  flex-shrink: 0;
}
.scenario-picker select {
  display: block;
  background: var(--surface);
  border: 1px solid var(--line);
  padding: 10px;
  margin-top: 12px;
  font-family: var(--sans);
  font-size: 13px;
  width: 100%;
  max-width: 100%;
  border-radius: 4px;
}
.shared-prompt {
  border: 1px solid #464c5a;
  background: #242830;
  border-radius: 4px;
  padding: 16px 19px;
  margin-bottom: 23px;
}
.shared-prompt summary {
  display: flex;
  gap: 16px;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  color: #cfd5e3;
}
.shared-prompt summary > span {
  font: 12px var(--sans);
  letter-spacing: 0.04em;
  font-weight: 600;
  color: var(--accent);
}
.shared-prompt summary > svg {
  margin-left: auto;
  flex-shrink: 0;
}
.shared-prompt p {
  white-space: pre-wrap;
  color: #c3c8d3;
  font-size: 14.5px;
  line-height: 1.8;
  margin-bottom: 4px;
  max-width: 900px;
}
.evidence-grid {
  display: grid;
  grid-template-columns: repeat(var(--evidence-columns), minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}
.evidence-column {
  min-width: 0;
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 5px;
  overflow: hidden;
}
.evidence-column > header {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 20px;
  border-bottom: 1px solid var(--line);
}
.evidence-column > header > div {
  min-width: 0;
}
.evidence-column h2 {
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 6px;
  letter-spacing: -0.07px;
}
.evidence-column > header span:not(.model-mark) {
  font-size: 12px;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.evidence-column > header > b {
  margin-left: auto;
  font: 28px/1 var(--serif);
  color: var(--accent);
  font-variant-numeric: lining-nums tabular-nums;
}
.evidence-criteria {
  padding: 9px 20px;
}
.evidence-criteria > div {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 9px 0;
  border-bottom: 1px solid #2e3138;
  font-size: 14px;
}
.evidence-criteria > div > b {
  margin-left: auto;
  font: 13px var(--sans);
  letter-spacing: 0.04em;
  font-weight: 400;
}
.evidence-criteria small {
  font-size: 12.5px;
  width: 58px;
  text-align: right;
  color: #aeb6c9;
}
.contested-text {
  color: var(--amber) !important;
}
.evidence-assessment {
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
  background: #23262e;
}
.evidence-assessment > p:last-child {
  font-size: 14.5px;
  line-height: 1.85;
  color: #c7ccd7;
  margin-bottom: 0;
}
.evidence-answer {
  padding: 23px 20px;
}
.evidence-answer > .studio-kicker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.evidence-answer > .studio-kicker > span {
  font: 12px var(--sans);
  color: var(--muted);
}
.evidence-answer details {
  margin-top: 16px;
}
.evidence-answer summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  cursor: pointer;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}
.evidence-answer summary span {
  font-size: 12.5px;
  color: var(--muted);
}
.answer-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 14.5px;
  line-height: 1.9;
  color: #c3c7d0;
  padding-top: 16px;
  max-height: 600px;
  overflow-y: auto;
  scrollbar-color: #535b6d transparent;
}
.evidence-footer {
  padding: 18px 20px;
  border-top: 1px solid var(--line);
  display: flex;
}
.evidence-error {
  margin: 18px 20px;
  color: var(--amber);
  font-size: 14.5px;
  line-height: 1.8;
}
.evidence-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 85px 25px;
  border: 1px dashed var(--line);
  color: var(--muted);
  text-align: center;
}
.evidence-empty > svg {
  color: var(--accent);
}
.evidence-empty h2 {
  color: var(--text);
  font-size: 25px;
  font-weight: 450;
  font-family: var(--serif);
}
.evidence-empty p {
  font-size: 14.5px;
  line-height: 1.8;
}
.evidence-loading {
  padding: 80px 25px;
  text-align: center;
  color: var(--muted);
}
/* Existing drill-downs and local workflows share the studio's quieter rhythm. */
.workspace-main .page {
  width: auto;
  margin: 0 38px;
  padding-top: 30px;
  max-width: 1454px;
}
.workspace-main .page h1 {
  font-weight: 450;
  font-size: clamp(34px, 5vw, 66px);
  line-height: 1.06;
  letter-spacing: -0.012em;
  font-family: var(--serif);
}
.workspace-main .model-hero,
.workspace-main .view-heading,
.workspace-main .page-heading {
  min-height: 190px;
  padding: 30px 0;
}
.workspace-main .hero-score {
  min-width: 145px;
}
.workspace-main .hero-score b {
  font-size: 49px;
  font-family: var(--serif);
  font-weight: 500;
}
.workspace-main .score-bar {
  background: #12151a;
}
.workspace-main .assessment {
  background: #24272f;
}
.workspace-main .outliers {
  background: #22201d;
  border-color: #685334;
}
.workspace-main .matrix-wrap {
  max-width: 100%;
  overflow-x: auto;
}
.workspace-main .matrix th,
.workspace-main .matrix td {
  font-family: var(--sans);
}
.workspace-main .crumbs {
  font-size: 12px;
}
.workspace-main .replay-controls {
  top: 0;
}
.workspace-main .replay-hero {
  min-height: 210px;
}
.workspace-main .replay-live {
  font-size: 12px;
}
.workspace-main .about-copy {
  font-size: 19px;
  line-height: 1.8;
}
.workspace-main .run-yourself {
  background: var(--surface);
}
.workspace-main .outlier p,
.workspace-main .assessment blockquote {
  line-height: 1.8;
}
.workspace-main .run-yourself pre {
  overflow-x: auto;
}
.workspace-main .replay-page .replay-lanes {
  gap: 14px;
}
.workspace-main .transcript-page .turn {
  background: var(--surface);
}
.workspace-main .reveal {
  animation: studio-enter 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes studio-enter {
  from {
    opacity: 0;
    transform: translateY(7px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (min-width: 1700px) {
  .studio-page {
    padding-top: 48px;
  }
  .overview-grid {
    grid-template-columns: minmax(0, 1fr) 325px;
  }
  .ranking-row {
    min-height: 110px;
  }
  .analysis-grid {
    grid-template-columns: minmax(0, 1fr) 380px;
  }
  .studio-heading h1 {
    font-size: 51px;
    font-family: var(--serif);
    font-weight: 500;
  }
}
@media (max-width: 1200px) {
  .workspace-shell {
    grid-template-columns: 215px minmax(0, 1fr);
  }
  .workspace-sidebar {
    padding-inline: 12px;
  }
  .workspace-brand {
    font-size: 22px;
  }
  .workspace-brand > span:last-child {
    min-width: 0;
  }
  /* The narrow sidebar can't hold the caption on one line. */
  .brand-caption {
    font-size: 12px;
    white-space: normal;
    text-wrap: balance;
    line-height: 1.35;
  }
  .workspace-picker {
    font-size: 13px;
  }
  .workspace-badge {
    display: none;
  }
  .studio-page {
    padding: 32px 25px;
  }
  .workspace-topbar {
    padding-inline: 25px;
  }
  .overview-grid {
    grid-template-columns: minmax(0, 1fr) 245px;
    gap: 16px;
  }
  .finding-panel {
    padding: 21px;
  }
  .ranking-list {
    padding: 0 7px;
  }
  .ranking-row {
    gap: 10px;
  }
  .ranking-row > .position {
    display: none;
  }
  .ranking-row > svg {
    display: none;
  }
  .ranking-name h3 {
    font-size: 14.5px;
  }
  .ranking-score > b {
    font-size: 25px;
    font-family: var(--serif);
    font-weight: 500;
  }
  .studio-section-head {
    padding: 21px 18px;
  }
  .muted-label {
    display: none;
  }
  .analysis-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .dissent-panel blockquote {
    -webkit-line-clamp: 3;
  }
  .overview-metrics > div {
    padding-left: 18px;
  }
  .overview-metrics small {
    font-size: 12px;
  }
  .overview-metrics > div > span {
    font-size: 12px;
  }
  .pipeline-strip {
    gap: 14px;
    flex-wrap: wrap;
  }
  .pipeline-strip > span {
    width: 100%;
    font-size: 12px;
  }
  .pipeline-strip > span > br {
    display: none;
  }
  .pipeline-strip > span > b {
    margin-left: 8px;
  }
  .comparison-controls {
    flex-wrap: wrap;
  }
  .comparison-controls .scenario-picker {
    max-width: none;
    width: 100%;
  }
  .scenario-picker select {
    width: 100%;
  }
  .lab-grid {
    gap: 18px;
  }
  .weight-panel,
  .weighted-results {
    padding: 22px;
  }
  .workspace-main .page {
    margin-inline: 25px;
  }
}
@media (max-width: 960px) {
  .workspace-shell {
    grid-template-columns: 185px minmax(0, 1fr);
  }
  .workspace-sidebar {
    padding: 24px 10px 16px;
  }
  .workspace-brand {
    font-size: 20px;
    gap: 8px;
    padding-inline: 2px;
  }
  .brand-caption {
    font-size: 12px;
    letter-spacing: 0.04em;
  }
  .workspace-picker {
    padding: 9px 7px;
    gap: 7px;
    font-size: 12.5px;
  }
  .workspace-avatar {
    width: 22px;
  }
  .workspace-picker small {
    font-size: 12px;
  }
  .workspace-nav > a {
    font-size: 13px;
    gap: 8px;
    padding: 10px;
  }
  .workspace-nav > a small {
    font-size: 12px;
    padding: 3px;
  }
  .experiment-nav > a {
    font-size: 13px;
    padding: 9px 10px;
    gap: 8px;
  }
  .new-experiment {
    font-size: 12.5px;
  }
  .local-status {
    font-size: 12px;
  }
  .overview-grid {
    grid-template-columns: 1fr;
  }
  .finding-panel {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0 25px;
    padding: 22px;
  }
  .finding-top {
    grid-column: 1/-1;
    margin-bottom: 12px;
  }
  .finding-panel h2 {
    grid-column: 1;
    margin: 8px 0;
  }
  .finding-score {
    grid-column: 2;
    grid-row: 2/4;
    align-self: center;
    font-size: 47px;
    font-family: var(--serif);
    font-weight: 500;
  }
  .finding-panel > p {
    grid-column: 1/-1;
    margin: 10px 0 18px;
  }
  .finding-panel > a {
    grid-column: 1/-1;
  }
  .ranking-row {
    min-height: 96px;
  }
  .ranking-row > .position,
  .ranking-row > svg {
    display: block;
  }
  .studio-heading {
    display: block;
  }
  .studio-heading > .studio-button {
    margin-top: 18px;
  }
  .studio-tabs {
    gap: 20px;
  }
  .studio-tabs > a {
    font-size: 13px;
  }
  .studio-tabs > a > span {
    display: none;
  }
  .studio-eyebrow {
    font-size: 12px;
  }
  .overview-metrics {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 0;
  }
  .overview-metrics > div:nth-child(3) {
    padding-left: 0;
    border: 0;
  }
  .overview-metrics > div > span {
    font-size: 12px;
  }
  .overview-metrics small {
    font-size: 12.5px;
  }
  .lab-grid {
    grid-template-columns: 1fr;
  }
  .evidence-grid {
    grid-template-columns: 1fr;
  }
  .methodology-note summary > span {
    display: none;
  }
  .methodology-note summary > svg {
    margin-left: auto;
  }
  .experiment-context {
    flex-wrap: wrap;
  }
  .experiment-context time {
    margin-left: 0;
  }
  .pipeline-strip > div {
    min-width: 40%;
  }
  .workspace-footer {
    flex-direction: column;
    padding-inline: 25px;
    font-size: 12px;
  }
  .workspace-main .detail-grid {
    grid-template-columns: 1fr;
  }
  .workspace-main .replay-lanes {
    grid-template-columns: 1fr;
  }
  .workspace-main .run-yourself {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  .workspace-shell {
    display: block;
  }
  .workspace-sidebar {
    position: relative;
    height: auto;
    padding: 17px 18px 0;
    overflow: visible;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .workspace-brand {
    padding: 0;
    font-size: 23px;
    width: max-content;
  }
  .brand-caption {
    font-size: 12px;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }
  .workspace-picker,
  .nav-caption,
  .nav-section-heading,
  .experiment-nav,
  .sidebar-bottom {
    display: none;
  }
  .workspace-sidebar > .workspace-nav {
    display: flex;
    gap: 5px;
    margin-top: 18px;
    justify-content: space-between;
    overflow-x: auto;
  }
  .workspace-nav > a {
    border-radius: 4px 4px 0 0;
    min-height: 43px;
    white-space: nowrap;
    font-size: 13px;
    padding: 9px 10px;
    gap: 7px;
  }
  .workspace-nav > a > svg {
    width: 14px;
    height: 14px;
  }
  .workspace-nav > a small {
    display: none;
  }
  .workspace-topbar {
    height: 54px;
    padding: 0 20px;
    gap: 10px;
    font-size: 13px;
  }
  .demo-status {
    font-size: 12px;
    gap: 6px;
    letter-spacing: 0.3px;
  }
  .workspace-topbar > div {
    gap: 8px;
  }
  .studio-page {
    padding: 29px 20px;
  }
  .studio-heading h1 {
    font-size: 34px;
    letter-spacing: -0.012em;
    max-width: 400px;
    font-family: var(--serif);
    font-weight: 500;
  }
  .studio-description {
    font-size: 14.5px;
    line-height: 1.85;
    margin-top: 15px;
  }
  .studio-eyebrow {
    font-size: 12px;
    letter-spacing: 0.04em;
    gap: 6px;
  }
  .studio-eyebrow > span:first-child {
    width: 4px;
    height: 4px;
  }
  .heading-separator {
    margin: 0 2px;
  }
  .studio-heading > .studio-button {
    margin-top: 20px;
    padding: 10px 12px;
  }
  .experiment-context {
    font-size: 12.5px;
    gap: 10px;
    margin-top: 21px;
  }
  .experiment-context time {
    font-size: 12px;
  }
  .studio-tabs {
    gap: 20px;
    overflow-x: auto;
    margin-top: 16px;
    white-space: nowrap;
  }
  .studio-tabs > a {
    font-size: 13px;
    padding: 16px 0;
    flex-shrink: 0;
  }
  .studio-tabs .replay-tab {
    display: none;
  }
  .overview-metrics {
    margin-bottom: 22px;
    padding: 24px 0;
    gap: 24px 0;
  }
  .overview-metrics > div > span {
    font-size: 12px;
    letter-spacing: 0.04em;
  }
  .overview-metrics strong {
    font-size: 34px;
    margin-top: 11px;
    font-family: var(--serif);
    font-weight: 500;
  }
  .overview-metrics small {
    font-size: 12px;
  }
  .overview-metrics > div {
    padding-left: 17px;
  }
  .overview-grid,
  .analysis-grid {
    gap: 18px;
  }
  .studio-section-head h2 {
    font-size: 18px;
  }
  .studio-section-head {
    padding: 21px 17px;
  }
  .ranking-row {
    padding: 16px 7px;
    gap: 10px;
  }
  .ranking-row > .position {
    font-size: 12px;
    width: 14px;
  }
  .ranking-row > svg {
    display: none;
  }
  .model-mark {
    width: 30px;
    height: 32px;
    font-size: 17px;
  }
  .ranking-name h3 {
    font-size: 14.5px;
    max-width: 160px;
  }
  .ranking-name p {
    font-size: 12px;
  }
  .ranking-score {
    min-width: 55px;
  }
  .ranking-score > b {
    font-size: 25.5px;
    font-family: var(--serif);
    font-weight: 500;
  }
  .ranking-score > span {
    font-size: 12px;
  }
  .ranking-track {
    width: 98%;
  }
  .ranking-footnote {
    font-size: 12px;
    margin-inline: 17px;
  }
  .finding-panel {
    padding: 21px;
  }
  .finding-panel h2 {
    font-size: 24px;
    font-family: var(--serif);
    font-weight: 500;
  }
  .finding-label {
    font-size: 12.5px;
  }
  .finding-score {
    font-size: 44px;
    font-family: var(--serif);
    font-weight: 500;
  }
  .finding-score > span {
    font-size: 14.5px;
  }
  .criteria-table-wrap {
    margin-inline: 17px;
  }
  .criteria-table th,
  .criteria-table td {
    padding: 16px 5px;
  }
  .criteria-table th:first-child {
    width: 30%;
  }
  .criteria-table thead th {
    font-size: 12px;
  }
  .criteria-table tbody th {
    font-size: 12.5px;
  }
  .mini-track {
    display: none;
  }
  .matrix-cell {
    justify-content: center;
  }
  .matrix-cell b {
    font-size: 14px;
  }
  .matrix-cell > .contested-dot {
    right: 3px;
    top: 0;
  }
  .criteria-legend {
    padding-inline: 17px;
    font-size: 12px;
  }
  .legend-dot {
    width: 5px;
    height: 5px;
    margin-right: 3px;
  }
  .dissent-panel .studio-section-head {
    padding-inline: 20px;
  }
  .dissent-panel blockquote {
    -webkit-line-clamp: unset;
    font-size: 14.5px;
  }
  .pipeline-strip {
    gap: 23px 15px;
    margin-top: 23px;
  }
  .pipeline-strip > div {
    min-width: 43%;
    gap: 9px;
  }
  .pipeline-strip small {
    font-size: 12px;
  }
  .pipeline-strip b {
    font-size: 13px;
  }
  .pipeline-strip > span {
    font-size: 12px;
  }
  .methodology-note {
    padding: 15px;
  }
  .methodology-note summary {
    font-size: 13px;
  }
  .workspace-footer {
    padding: 22px 20px;
    gap: 12px;
    line-height: 1.8;
    font-size: 12px;
  }
  .weight-panel,
  .weighted-results {
    padding: 22px 18px;
  }
  .weight-panel h2,
  .weighted-results h2 {
    font-size: 23px;
  }
  .weighted-row h3 {
    font-size: 14.5px;
  }
  .weighted-row strong {
    font-size: 22px;
  }
  .weight-presets button {
    font-size: 12.5px;
  }
  .comparison-controls {
    gap: 20px;
    margin-top: 22px;
  }
  .comparison-controls fieldset label {
    font-size: 13px;
  }
  .shared-prompt {
    padding: 16px;
  }
  .shared-prompt summary {
    flex-wrap: wrap;
    font-size: 13px;
    gap: 10px;
  }
  .shared-prompt summary > span {
    width: 90%;
    font-size: 12px;
  }
  .shared-prompt summary > svg {
    margin-left: auto;
  }
  .evidence-grid {
    gap: 22px;
  }
  .evidence-column > header {
    padding: 18px;
  }
  .evidence-column h2 {
    font-size: 15px;
  }
  .evidence-column > header > b {
    font-size: 25px;
  }
  .workspace-main .page {
    margin-inline: 20px;
    padding-top: 23px;
  }
  .workspace-main .page h1 {
    font-size: 36px;
    letter-spacing: -0.012em;
    font-family: var(--serif);
    font-weight: 500;
  }
  .workspace-main .model-hero {
    display: block;
    padding-top: 25px;
  }
  .workspace-main .hero-score {
    border: 0;
    padding: 24px 0 0;
  }
  .workspace-main .hero-score b {
    font-size: 40px;
    font-family: var(--serif);
    font-weight: 500;
  }
  .workspace-main .hero-score small {
    font-size: 12px;
  }
  .workspace-main .crumbs {
    font-size: 12px;
  }
  .workspace-main .outlier {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .workspace-main .about-copy {
    font-size: 16.5px;
  }
  .workspace-main .replay-hero {
    display: block;
    padding: 28px 0;
  }
  .workspace-main .replay-live {
    display: inline-block;
    margin-top: 24px;
  }
  .workspace-main .replay-controls button {
    padding-inline: 10px;
    font-size: 12px;
  }
  .workspace-main .replay-controls button span {
    margin-left: 8px;
  }
}
.mobile-experiment-select,
.mobile-workspace-menu {
  display: none;
}
@media (max-width: 700px) {
  .desktop-experiment-name,
  .workspace-topbar > .demo-status {
    display: none;
  }
  .mobile-experiment-select {
    display: block;
    font: 13px var(--sans);
    padding: 8px 4px;
    max-width: 210px;
  }
  .mobile-workspace-menu {
    display: block;
    position: relative;
  }
  .mobile-workspace-menu > summary {
    display: grid;
    place-items: center;
    list-style: none;
    cursor: pointer;
    min-height: 32px;
    min-width: 32px;
    border: 1px solid var(--line);
    border-radius: 4px;
  }
  .mobile-workspace-menu > summary::-webkit-details-marker {
    display: none;
  }
  .mobile-workspace-menu > nav {
    position: absolute;
    right: 0;
    top: 42px;
    z-index: 25;
    background: #22242a;
    border: 1px solid #595f6d;
    border-radius: 4px;
    box-shadow: 0 15px 40px #00000099;
    width: 210px;
    padding: 7px;
  }
  .mobile-workspace-menu a {
    display: block;
    font-size: 14.5px;
    padding: 13px 11px;
  }
  .mobile-workspace-menu a:hover {
    background: #333843;
  }
  .workspace-sidebar > .workspace-nav {
    gap: 0;
  }
  .workspace-sidebar > .workspace-nav > a {
    font-size: 12.5px;
    padding: 10px 7px;
    gap: 5px;
  }
  .workspace-sidebar > .workspace-nav > a > svg {
    width: 12px;
  }
}
@media (max-width: 370px) {
  .workspace-sidebar {
    padding-inline: 12px;
  }
  .studio-page {
    padding-inline: 16px;
  }
  .workspace-topbar {
    padding-inline: 16px;
  }
  .mobile-experiment-select {
    max-width: 175px;
  }
  .studio-tabs {
    gap: 17px;
  }
  .ranking-row > .position {
    display: none;
  }
  .studio-heading h1 {
    font-size: 31px;
    font-family: var(--serif);
    font-weight: 500;
  }
  .studio-eyebrow {
    font-size: 12px;
  }
  .overview-metrics > div > span {
    font-size: 12px;
  }
  .finding-panel {
    gap: 0 15px;
  }
  .finding-panel h2 {
    font-size: 21px;
  }
  .finding-score {
    font-size: 38px;
    font-family: var(--serif);
    font-weight: 500;
  }
  .ranking-name h3 {
    font-size: 14px;
  }
  .ranking-name p {
    font-size: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .reveal {
    opacity: 1;
    transform: none;
  }
}

.answer-text p {
  margin: 0 0 16px;
}
.answer-text h3 {
  font-size: 16px;
  line-height: 1.6;
  margin: 24px 0 12px;
  color: var(--text);
}
.answer-text ul,
.answer-text ol {
  padding-left: 21px;
  white-space: normal;
  margin: 15px 0;
}
.answer-text li {
  padding-left: 2px;
  margin: 8px 0;
}
.answer-text strong {
  font-weight: 600;
  color: #dee1e9;
}
.answer-text pre {
  font: 13px/1.8 var(--mono);
  overflow: auto;
  padding: 15px;
  background: #14161c;
  border: 1px solid var(--line);
}
.answer-text code {
  font: 13px/1.7 var(--mono);
  overflow-wrap: anywhere;
}
#main-content:focus { outline: none; }
.workspace-main .scenario-tabs a { gap: 20px; }
.workspace-main .detail-grid { gap: 24px; }
.workspace-main .assessment { padding: 23px; border: 1px solid var(--line); border-radius: 5px; }
.workspace-main .score-panel { padding: 23px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); }
.workspace-main .outliers { border: 1px solid #51432d; border-radius: 5px; overflow: hidden; }
.workspace-main .outliers > .section-label { padding: 14px 20px; }
.workspace-main .outlier { padding-inline: 20px; }