:root {
  color-scheme: light;
  --paper: #f3f0e8;
  --card: #fffdf8;
  --ink: #15201d;
  --muted: #66716d;
  --line: #d7d3c9;
  --green: #16745a;
  --green-mid: #5fae91;
  --green-soft: #e0f1e9;
  --amber: #9a5d00;
  --track: #e9e6de;
  --thead: #faf8f2;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --shadow: 0 18px 50px #23352d12;
  --radius: 18px;
}

* {
  box-sizing: border-box;
  font-variant-numeric: tabular-nums;
}

html {
  background: var(--paper);
  color: var(--ink);
  min-width: 0;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 15px/1.45 var(--sans);
}

button,
dialog {
  font: inherit;
}

a,
button,
[tabindex]:focus-visible {
  outline: none;
}

a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 2px;
}

.shell {
  max-width: 1380px;
  margin: auto;
  padding: 56px 24px 72px;
}

.eyebrow {
  margin: 0;
  color: var(--green);
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: .11em;
  text-transform: uppercase;
}

h1 {
  max-width: 850px;
  margin: 8px 0 14px;
  font-size: clamp(40px, 7vw, 72px);
  line-height: .96;
  letter-spacing: -.045em;
}

.dek {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  font-size: clamp(17px, 2vw, 21px);
}

.meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: baseline;
  margin: 20px 0 24px;
  color: var(--muted);
  font-size: 13px;
}

.meta b {
  color: var(--ink);
}

.source {
  border-bottom: 1px solid currentColor;
  color: var(--green);
  font-weight: 800;
  text-decoration: none;
}

.view-tabs {
  display: inline-flex;
  gap: 4px;
  margin: 0 0 16px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #eae7df;
}

.view-tab {
  min-width: 112px;
  padding: 9px 16px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-weight: 800;
}

.view-tab.active {
  background: var(--card);
  color: var(--ink);
  box-shadow: 0 2px 8px #23352d12;
}

.view-panel[hidden] {
  display: none;
}

.analysis {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(18px, 2vw, 24px);
}

.analysis > h2:first-child {
  max-width: none;
  margin: 0;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -.025em;
  white-space: normal;
}

.analysis > h3:nth-child(2) {
  max-width: none;
  margin: 10px 0 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.analysis h3 {
  margin: 34px 0 10px;
  font-size: clamp(16px, 1.7vw, 19px);
  line-height: 1.15;
  letter-spacing: -.025em;
}

.analysis h4 {
  margin: 30px 0 10px;
  font-size: 15px;
}

.analysis p,
.analysis li {
  max-width: none;
  font-family: var(--sans);
  font-size: clamp(13.5px, 1vw, 14.5px);
  line-height: 1.6;
  color: #2c3a34;
}

.analysis p {
  margin: 0 0 18px;
}

.analysis ul {
  max-width: none;
  margin: 4px 0 24px;
  padding-left: 23px;
}

.analysis li + li {
  margin-top: 7px;
}

.analysis blockquote {
  max-width: none;
  margin: 22px 0;
  padding: 14px 18px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--green);
  border-radius: 10px;
  background: var(--thead);
}

.analysis blockquote p {
  margin: 0;
  color: var(--ink);
  font-size: clamp(14px, 1.1vw, 15px);
  font-style: normal;
  line-height: 1.55;
}

.analysis a {
  color: var(--green);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.analysis code {
  padding: 2px 5px;
  border-radius: 4px;
  background: var(--green-soft);
  font: .88em/1.4 var(--mono);
}

.analysis-table-wrap {
  width: 100%;
  margin: 26px 0 34px;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.analysis table {
  width: 100%;
  min-width: 700px;
  border-collapse: collapse;
  background: #fffefa;
}

.analysis th,
.analysis td {
  padding: 13px 15px;
  border-bottom: 1px solid #e8e4db;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
}

.analysis th {
  background: var(--thead);
  color: var(--ink);
  font-weight: 800;
}

.analysis tbody tr:last-child td {
  border-bottom: 0;
}

.note-ref {
  margin-left: 2px;
  color: var(--green);
  font-size: 9px;
  font-weight: 850;
  line-height: 0;
  text-decoration: none;
  vertical-align: super;
}

.card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--card);
  box-shadow: var(--shadow);
}

.protocol {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin: 0;
  overflow: hidden;
}

.protocol > div {
  min-width: 0;
  padding: 14px 16px;
  border-left: 1px solid var(--line);
}

.protocol > div:first-child {
  border-left: 0;
}

.protocol dt {
  color: var(--ink);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}

.protocol dd {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 11.5px;
}

.board {
  margin-top: 16px;
  overflow: hidden;
}

.progress-audit {
  margin-top: 16px;
  overflow: hidden;
}

.solutions {
  margin-top: 16px;
  overflow: hidden;
}

.solutions-head {
  padding: 22px;
  border-bottom: 1px solid var(--line);
}

.solutions-head h2 {
  margin: 7px 0 5px;
  font-size: 24px;
  letter-spacing: -.025em;
}

.solutions-head > p:last-child {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.solutions-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 22px 22px;
}

.solution-model {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--thead);
}

.solution-model > header,
.solution-item > span {
  display: flex;
  gap: 9px;
  align-items: baseline;
}

.solution-model > header {
  justify-content: space-between;
  margin-bottom: 7px;
}

.solution-model h3 {
  margin: 0;
  font-size: 16px;
}

.solution-model > header > b {
  color: var(--green);
  font-size: 12px;
}

.solution-overview {
  margin: 5px 0 12px;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.5;
}

.solution-item {
  padding: 9px 0;
  border-top: 1px solid #ece8df;
}

.solution-item > span {
  font-size: 12px;
  font-weight: 750;
  text-transform: capitalize;
}

.solution-item > span > b {
  color: var(--muted);
  font: 800 10px/1 var(--mono);
}

.solution-item > span > strong {
  margin-left: auto;
  color: var(--green);
}

.solution-item p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.progress-audit-head {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 22px;
  border-bottom: 1px solid var(--line);
}

.progress-audit-head h2 {
  margin: 7px 0 5px;
  font-size: 24px;
  letter-spacing: -.025em;
}

.progress-audit-head p:last-child {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.audit-count {
  flex: none;
  padding: 6px 9px;
  border-radius: 999px;
  background: var(--green-soft);
  color: var(--green);
  font-size: 11px;
  font-weight: 850;
}

.audit-method {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 14px 22px 0;
}

.audit-method span {
  padding: 4px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 750;
}

.audit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 22px 22px;
}

.audit-model {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--thead);
}

.audit-model h3 {
  margin: 0;
  font-size: 16px;
}

.audit-summary {
  margin: 5px 0 12px;
  color: var(--muted);
  font-size: 12.5px;
}

.audit-lead {
  padding: 10px 0;
  border-top: 1px solid #e4e0d7;
}

.audit-lead-label {
  display: flex;
  gap: 7px;
  align-items: center;
}

.audit-lead-label > b {
  color: var(--muted);
  font: 800 11px/1 var(--mono);
}

.audit-quality {
  padding: 3px 7px;
  border-radius: 999px;
  background: #f6ead0;
  color: var(--amber);
  font-size: 10px;
  font-weight: 850;
}

.audit-quality.quality-confirmed_later {
  background: var(--green-soft);
  color: var(--green);
}

.audit-quality.quality-rejected,
.audit-quality.quality-failed_build {
  background: #f8e7e2;
  color: #a64a34;
}

.audit-lead p {
  margin: 5px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
}

.audit-model small {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font: 9.5px/1.4 var(--mono);
  overflow-wrap: anywhere;
}

.audit-empty {
  margin: 0 22px 22px;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--track);
  color: var(--muted);
  font-size: 11px;
}

.synthesis {
  margin-top: 16px;
  overflow: hidden;
}

.synthesis-head {
  padding: 22px 22px 17px;
  border-bottom: 1px solid var(--line);
}

.synthesis-head h2 {
  margin: 7px 0 4px;
  font-size: 21px;
  letter-spacing: -.02em;
}

.synthesis-head > p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.synthesis-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.synthesis-item {
  min-width: 0;
  padding: 18px 22px;
  border-bottom: 1px solid #e8e4db;
}

.synthesis-item:nth-child(odd) {
  border-right: 1px solid #e8e4db;
}

.synthesis-item div {
  display: flex;
  gap: 12px;
  align-items: baseline;
  justify-content: space-between;
}

.synthesis-item h3 {
  margin: 0;
  font-size: 15px;
}

.synthesis-item span {
  color: var(--green);
  font-size: 11px;
  font-weight: 800;
  text-align: right;
}

.synthesis-item p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.5;
}

.dialog-synthesis {
  margin: 16px 0;
  padding: 14px 16px;
  border-left: 3px solid var(--green);
  background: var(--green-soft);
}

.dialog-synthesis p {
  margin: 4px 0 0;
}

.score-chart {
  margin: 16px 0 0;
  padding: 20px 22px 18px;
}

.chart-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.chart-head b {
  font-size: 14px;
}

.chart-head span {
  color: var(--muted);
  font-size: 11px;
}

.chart-meta {
  text-align: right;
}

.legend-key {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 3px 0 10px;
  border-radius: 50%;
}

.legend-key.evidence {
  background: repeating-linear-gradient(135deg, #16745a 0 6px, #6ca18c 6px 7px);
}
.legend-key.compute {
  background-color: #16745a;
  background-image: radial-gradient(circle, #70a690 1px, transparent 1.2px);
  background-size: 5px 5px;
}

.chart-columns {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--count), minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

.chart-columns::before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  border-top: 1px solid #8b938f;
  content: "";
  pointer-events: none;
}

.chart-columns::after {
  position: absolute;
  z-index: 2;
  top: 3px;
  left: 0;
  padding-right: 5px;
  background: var(--card);
  color: var(--muted);
  content: "750 max";
  font-size: 10px;
  font-weight: 800;
  pointer-events: none;
}

.chart-column {
  display: grid;
  grid-template-rows: 230px minmax(58px, auto);
  gap: 8px;
  min-width: 0;
  text-align: center;
}

.chart-track {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border-bottom: 1px solid #999f9b;
  background: linear-gradient(to top, transparent 49.7%, #e6e3dc 50%, transparent 50.3%);
}

.chart-value {
  position: absolute;
  z-index: 2;
  bottom: calc(var(--bottom) + 5px);
  left: 50%;
  padding: 1px 4px;
  border-radius: 4px;
  background: var(--card);
  color: var(--ink);
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
  transform: translateX(-50%);
}

.chart-fill {
  width: min(56px, 65%);
  height: var(--height);
  min-height: 1px;
  border-radius: 8px 8px 1px 1px;
  background: var(--green);
}

.chart-column.termination-evidence_paths .chart-fill {
  background: repeating-linear-gradient(135deg, #16745a 0 15px, #4b9077 15px 17px);
}
.chart-column.termination-compute .chart-fill {
  background-color: #16745a;
  background-image: radial-gradient(circle, #4c9178 1.2px, transparent 1.4px);
  background-size: 8px 8px;
}

.chart-model {
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 1.2;
}

.chart-model b,
.chart-model strong,
.chart-model small {
  display: block;
}

.chart-model b {
  font-weight: 850;
}

.chart-model small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 650;
}

.board-head {
  padding: 18px 20px 14px;
}

.board-head h2 {
  margin: 0;
  font-size: 18px;
}

.board-sub {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.weights {
  display: none;
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.board-table {
  width: 100%;
  border-collapse: collapse;
}

.board-table th {
  padding: 10px 14px;
  background: var(--thead);
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .08em;
  text-align: left;
  text-transform: uppercase;
  vertical-align: bottom;
}

.board-table td {
  padding: 14px;
  border-top: 1px solid #e8e4db;
  vertical-align: middle;
}

.th-sub {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: lowercase;
}

.c-rank {
  width: 44px;
}

.c-model {
  min-width: 170px;
}

.c-score {
  width: 176px;
}

.c-challenges {
  width: 268px;
}

.c-summary {
  width: 280px;
  min-width: 240px;
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.45;
}

.c-num {
  width: 106px;
  font-size: 13px;
  text-align: right;
  white-space: nowrap;
}

.c-num[data-k="Tool calls"] {
  white-space: normal;
}

.c-num b {
  font-weight: 800;
}

.c-open {
  width: 84px;
  text-align: right;
}

.rank {
  color: var(--muted);
  font-size: 20px;
  font-weight: 850;
  line-height: 1;
}

.tie {
  margin-left: 1px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.name {
  display: block;
  font-size: 16px;
  font-weight: 800;
}

.id {
  display: block;
  margin-top: 3px;
  overflow-wrap: anywhere;
  color: var(--muted);
  font: 11.5px/1.35 var(--mono);
}

.harness {
  display: block;
  margin-top: 4px;
  color: #4d6d61;
  font-size: 10.5px;
  font-weight: 700;
}

.bar {
  position: relative;
  display: block;
  height: 10px;
  overflow: hidden;
  border-radius: 5px;
  background-color: var(--track);
  background-image: linear-gradient(to right,
    transparent calc(33.333% - .5px), #cfcbc0 calc(33.333% - .5px),
    #cfcbc0 calc(33.333% + .5px), transparent calc(33.333% + .5px),
    transparent calc(66.666% - .5px), #cfcbc0 calc(66.666% - .5px),
    #cfcbc0 calc(66.666% + .5px), transparent calc(66.666% + .5px));
}

.fill {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--pct);
  border-radius: 5px;
  background: var(--green);
}

.score {
  display: block;
  margin-top: 5px;
}

.score b {
  font-size: 15px;
  font-weight: 800;
}

.score small {
  margin-left: 5px;
  color: var(--muted);
  font-size: 12px;
}

.cells,
.keys {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 3px;
  width: 100%;
  max-width: 244px;
}

.cell {
  display: grid;
  height: 34px;
  place-content: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--card);
  color: var(--muted);
  font: 800 12px/1 var(--mono);
  text-align: center;
}

.cell i {
  display: block;
  margin-bottom: 3px;
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.cell.solved {
  border-color: var(--green);
  background: var(--green);
  color: #fff;
}

.cell.solved i {
  color: #ffffffcc;
}

.cell.partial {
  border-color: var(--green-mid);
  background: var(--green-soft);
  color: var(--green);
}

.cell.partial i {
  color: var(--green);
}

.keys {
  margin-top: 6px;
}

.key {
  color: var(--muted);
  font: 11px/1.2 var(--mono);
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
}

.key small {
  display: block;
  font-size: 11px;
  font-weight: 400;
}

.cells-lg .cell {
  height: 44px;
  font-size: 14px;
}

.est {
  margin-left: 3px;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .02em;
}

.na {
  color: var(--muted);
  font-size: 12px;
  font-style: italic;
}

.open {
  padding: 6px 10px;
  border: 1px solid var(--green-soft);
  border-radius: 8px;
  background: transparent;
  color: var(--green);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
  white-space: nowrap;
}

.open:hover,
.open:focus {
  background: var(--green-soft);
}

tr.run {
  cursor: pointer;
}

tr.run:hover,
tr.run:focus,
tr.run:focus-within {
  background: #f7f4ec;
}

.footnote {
  margin: 0;
  padding: 14px 20px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 11.5px;
}

.continuation-note {
  margin: 16px 20px 0;
  padding: 14px 16px;
  border: 1px solid #c8d9d1;
  border-left: 3px solid var(--green);
  border-radius: 7px;
  background: var(--green-soft);
  color: var(--ink);
  font-size: 12px;
  line-height: 1.55;
}

.continuation-note span,
.continuation-note small {
  display: block;
  margin-top: 4px;
}

.continuation-note small {
  color: var(--muted);
  font-size: 10.5px;
}

.continuation-metrics {
  padding-top: 4px;
  border-top: 1px solid #c9ddd4;
  color: #32423c;
}

.continuation-metrics em {
  color: var(--muted);
  font-size: 0.92em;
  font-style: normal;
}

.metric-kind {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
}

.termination-badge {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 6px;
  border: 1px solid #b5cec3;
  border-radius: 999px;
  color: #4d6d61;
  font-size: 6.5px;
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  vertical-align: 0.22em;
  white-space: nowrap;
}

.termination-badge.evidence {
  background: repeating-linear-gradient(135deg, #f4f8f6 0 9px, #e3eee9 9px 10px);
}

.termination-badge.compute {
  background-color: #f4f8f6;
  background-image: radial-gradient(circle, #d6e7df 0.8px, transparent 1px);
  background-size: 6px 6px;
}

.note {
  margin: 18px 2px 0;
  color: var(--muted);
  font-size: 12px;
}

.checker {
  margin-top: 16px;
  overflow: hidden;
}

.scope-notes {
  margin: 14px 4px 0;
  color: var(--muted);
  font-size: 11px;
}

.scope-notes p {
  margin: 5px 0 0;
}

.scope-notes b,
.scope-notes sup {
  color: var(--ink);
}

.checker summary {
  padding: 16px 20px;
  color: var(--green);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.checker[open] summary {
  border-bottom: 1px solid var(--line);
}

.checker-body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.checker-body p {
  margin: 0;
  padding: 16px 20px 18px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.checker-body p + p {
  border-left: 1px solid var(--line);
}

.checker-body b {
  color: var(--ink);
}

@media (max-width: 700px) {
  .view-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .view-tab {
    min-width: 0;
  }

  .analysis {
    padding: 20px 16px;
  }

  .analysis > h2:first-child {
    font-size: 32px;
    white-space: normal;
  }

  .analysis > h3:nth-child(2) {
    margin-bottom: 30px;
  }

  .analysis p,
  .analysis li {
    font-size: 15.5px;
  }

  .analysis-table-wrap {
    margin-right: -20px;
    margin-left: -20px;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .checker-body {
    grid-template-columns: 1fr;
  }

  .checker-body p + p {
    border-top: 1px solid var(--line);
    border-left: 0;
  }
}

.loading {
  padding: 60px;
  color: var(--muted);
  text-align: center;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.submission {
  width: min(920px, calc(100% - 28px));
  max-height: 88vh;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--card);
  box-shadow: 0 30px 90px #17201e40;
  color: var(--ink);
}

.submission::backdrop {
  background: #17201e99;
  backdrop-filter: blur(3px);
}

.submission-shell {
  padding: 28px;
}

.submission-close {
  position: sticky;
  top: 0;
  float: right;
  padding: 7px 11px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--card);
  color: var(--ink);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}

.submission h2 {
  margin: 5px 0 16px;
  font-size: 34px;
  line-height: 1.1;
}

.submission h2 .id {
  display: inline;
  margin: 0 0 0 10px;
  color: var(--muted);
  font: 400 13px/1.35 var(--mono);
}

.stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
}

.stats > div {
  min-width: 0;
  padding: 14px;
  border-left: 1px solid var(--line);
}

.stats > div:first-child {
  border-left: 0;
}

.stats b {
  display: block;
  font-size: 18px;
  font-weight: 800;
}

.stats b small {
  color: var(--muted);
  font-size: 12px;
}

.stats span {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
}

.cells-lg {
  margin: 16px 0;
}

.line {
  font-size: 13px;
}

.line b {
  font-weight: 800;
}

.submission h3 {
  margin: 22px 0 8px;
  font-size: 16px;
}

.submission pre {
  max-height: 340px;
  margin: 0;
  padding: 14px;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #f7f5ef;
  font: 11.5px/1.5 var(--mono);
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.hashes {
  margin-top: 18px;
  overflow-wrap: anywhere;
  color: var(--muted);
  font: 11px/1.6 var(--mono);
}

@media (max-width: 1000px) {
  .protocol {
    grid-template-columns: repeat(3, 1fr);
  }

  .protocol > div:nth-child(n + 4) {
    border-top: 1px solid var(--line);
  }

  .protocol > div:nth-child(3n + 1) {
    border-left: 0;
  }

  .board {
    overflow-x: auto;
  }
}

@media (max-width: 720px) {
  .shell {
    padding: 34px 12px 52px;
  }

  h1 {
    font-size: 42px;
  }

  .score-chart {
    padding: 16px 10px;
  }

  .chart-head {
    align-items: flex-start;
  }

  .chart-columns {
    gap: 3px;
  }

  .chart-column {
    grid-template-rows: 155px minmax(64px, auto);
    gap: 5px;
  }

  .chart-fill {
    width: 72%;
  }

  .chart-value {
    padding-inline: 0;
    font-size: 5.5px;
    letter-spacing: -.03em;
  }

  .chart-model {
    overflow-wrap: normal;
    font-size: 7px;
  }

  .chart-model strong {
    font-size: 9px;
  }

  .chart-model small {
    font-size: 6px;
    line-height: 1.25;
  }

  .protocol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .protocol > div:nth-child(n + 3) {
    border-top: 1px solid var(--line);
  }

  .protocol > div:nth-child(odd) {
    border-left: 0;
  }

  .protocol > div:nth-child(4) {
    border-left: 1px solid var(--line);
  }

  .board {
    overflow: visible;
  }

  .progress-audit-head {
    display: block;
    padding: 18px 16px;
  }

  .solutions-head {
    padding: 18px 16px;
  }

  .solutions-grid {
    grid-template-columns: 1fr;
    padding: 12px 16px 16px;
  }

  .solution-model {
    padding: 16px;
  }


  .audit-count {
    display: inline-block;
    margin-top: 12px;
  }

  .audit-method {
    padding: 12px 16px 0;
  }

  .audit-grid {
    grid-template-columns: 1fr;
    padding: 12px 16px 16px;
  }

  .audit-empty {
    margin: 0 16px 16px;
  }

  .synthesis-grid {
    grid-template-columns: 1fr;
  }

  .synthesis-item:nth-child(odd) {
    border-right: 0;
  }

  .synthesis-item div {
    align-items: flex-start;
  }

  .weights {
    display: block;
  }

  .board-table,
  .board-table tbody,
  .board-table tr,
  .board-table td {
    display: block;
  }

  .board-table thead {
    display: none;
  }

  .board-table tr.run {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 8px;
    padding: 14px 14px 12px;
    border-top: 1px solid #e8e4db;
  }

  .board-table td {
    min-width: 0;
    padding: 0;
    border: 0;
  }

  .board-table .c-rank {
    grid-column: 1;
    width: auto;
  }

  .board-table .c-model {
    grid-column: 2;
    min-width: 0;
  }

  .board-table td:not(.c-rank):not(.c-model) {
    grid-column: 1 / -1;
    width: auto;
  }

  .name {
    font-size: 17px;
  }

  .id {
    font-size: 11.5px;
  }

  .bar {
    width: 100%;
  }

  .cells {
    max-width: none;
  }

  .cell {
    height: 36px;
  }

  .board-table td.c-num {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 4px;
    padding: 4px 0 !important;
    border-top: 1px dashed var(--line) !important;
    font-size: 13px;
    text-align: right;
  }

  .board-table td.c-summary {
    display: block;
    min-width: 0;
    width: auto;
    padding: 8px 0 !important;
    border-top: 1px dashed var(--line) !important;
  }

  .board-table td.c-summary::before {
    display: block;
    margin-bottom: 4px;
    color: var(--green);
    content: attr(data-k);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
  }

  .board-table td.c-num::before {
    content: attr(data-k);
    margin-right: auto;
    color: var(--muted);
    font-size: 12px;
    font-weight: 400;
  }

  .open {
    width: 100%;
    text-align: center;
  }

  .submission-shell {
    padding: 20px 16px;
  }

  .submission h2 {
    padding-right: 64px;
    font-size: 28px;
  }

  .submission h2 .id {
    display: block;
    margin: 6px 0 0;
  }

  .stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .stats > div:nth-child(n + 3) {
    border-top: 1px solid var(--line);
  }

  .stats > div:nth-child(odd) {
    border-left: 0;
  }
}
.citation{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);max-width:1120px;margin:18px auto 0;overflow:hidden;border:1px solid color-mix(in srgb,var(--green) 30%,var(--line));border-radius:16px;background:linear-gradient(135deg,#f7f4ea 0%,#fff 52%);box-shadow:0 14px 38px rgba(28,36,29,.07)}
.citation-lead{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,3.4vw,42px);border-right:1px solid var(--line);text-align:center}
.citation-lead h2{margin:7px 0 12px;font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.035em}
.citation-lead>p:not(.eyebrow){max-width:34ch;margin:0;color:var(--muted);line-height:1.55}
.citation-meta{display:grid;width:100%;gap:10px;margin:26px 0 0}.citation-meta div{display:grid;grid-template-columns:62px 1fr;gap:10px;padding-top:10px;border-top:1px solid var(--line);text-align:left}
.citation-meta dt{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.citation-meta dd{margin:0;font-size:.92rem;font-weight:650}.citation-meta a{color:var(--green);text-decoration:none;border-bottom:1px solid currentColor}
.citation-record{min-width:0;padding:clamp(20px,3vw,32px);background:#14231c;color:#eff5ed}.citation-record-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#a7b9ad;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.citation pre{max-height:280px;margin:0;overflow:auto;padding:0;border:0;background:transparent;color:inherit;font-size:.79rem;line-height:1.65;white-space:pre-wrap;word-break:break-word}
.copy-citation{border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#eff5ed;color:#14231c;padding:7px 14px;font:inherit;font-weight:800;letter-spacing:0;text-transform:none;cursor:pointer}.copy-citation:hover{background:#fff}.citation-record .copy-status{display:block;min-height:1.2em;margin:10px 0 0;color:#a7b9ad}
.copy-status{margin-left:10px;color:var(--muted);font-size:.9rem}
.methodology{margin-top:18px}
.methodology details{border-top:1px solid var(--line);padding:14px 0}
.methodology summary{cursor:pointer;font-weight:750;color:var(--ink)}
.methodology pre{max-height:360px;overflow:auto;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f8f6ef;white-space:pre-wrap;word-break:break-word}
.copy-prompt{border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 14px;font:inherit;font-weight:700;cursor:pointer}
.methodology,.paper-editor{max-width:1120px;margin-left:auto;margin-right:auto;padding:clamp(22px,3vw,34px)}
.article-ref{position:relative;top:-.15em;margin-left:.08em;font-size:.68em;line-height:0}.article-ref a{color:var(--green);font-weight:800;text-decoration:none}
.article-references{max-width:860px;margin:54px auto 0;padding-top:26px;border-top:2px solid var(--ink)}.article-references h3{margin:0 0 20px!important}.article-references ol{display:grid;gap:12px;margin:0;padding-left:1.5rem;color:var(--muted);font-size:.9rem;line-height:1.55}.article-references li{padding-left:.35rem}.reference-back{color:var(--green);text-decoration:none}
.tldr-callout{width:100%;max-width:none;margin:0 0 40px;padding:clamp(22px,2.8vw,34px) clamp(22px,3vw,40px) clamp(24px,3vw,36px);border:1px solid color-mix(in srgb,var(--green) 30%,var(--line));border-radius:16px;background:linear-gradient(135deg,#f7f4ea 0%,#fffdf8 60%);text-align:left}
.analysis .tldr-callout h3{margin:0 0 18px;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.analysis .tldr-callout ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 48px;margin:0;padding:0;list-style:none;counter-reset:summary-item}
.analysis .tldr-callout li{display:block;margin:0;padding:0;padding-left:2.1em;text-indent:-2.1em;font-size:clamp(.84rem,.95vw,.94rem);line-height:1.5;text-align:left;counter-increment:summary-item}
.analysis .tldr-callout li::before{display:inline-block;width:2.1em;margin:0;text-indent:0;vertical-align:baseline;color:var(--green);content:counter(summary-item,decimal-leading-zero);font-size:.76em;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.summary-item-body{min-width:0}
.analysis .tldr-callout li:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:720px){.citation{grid-template-columns:1fr;margin-left:0;margin-right:0}.citation-lead{border-right:0;border-bottom:1px solid var(--line)}.citation pre{font-size:.72rem}.citation-meta div{grid-template-columns:54px 1fr}.tldr-callout{padding:20px 18px 22px;margin-bottom:30px}.analysis .tldr-callout ul{grid-template-columns:1fr;gap:16px}.analysis .tldr-callout li:last-child:nth-child(odd){grid-column:auto}}
.paper-editor{margin-top:18px}
.paper-editor p,.paper-editor li{max-width:820px;line-height:1.6}
.paper-editor pre{overflow:auto;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f8f6ef;white-space:pre-wrap;word-break:break-word}
.editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.paper-copy{border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 14px;font:inherit;font-weight:700;cursor:pointer}
.methods{padding:clamp(18px,2vw,24px)}
.methods-head{max-width:800px;margin-bottom:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}.methods-head .eyebrow{color:var(--green)}.methods-head h2{margin:7px 0 5px;font-size:24px;letter-spacing:-.025em}.methods-head>p:last-child{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.methods-section{padding:clamp(20px,2.6vw,30px);border:1px solid var(--line);border-radius:14px;background:var(--thead)}
.methods h3{margin:0 0 10px;font-size:clamp(20px,2vw,25px);letter-spacing:-.025em}.methods p{margin:0;color:#40534b;line-height:1.65}
.method-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:26px 0 0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--line);list-style:none;counter-reset:method-step}
.method-steps li{min-width:0;padding:18px;background:var(--card);counter-increment:method-step}.method-steps b{display:block;margin-bottom:7px;color:var(--ink);font-size:.9rem}.method-steps b::before{margin-right:7px;color:var(--green);content:counter(method-step,decimal-leading-zero);font-size:.72rem;letter-spacing:.08em}.method-steps span{display:block;color:var(--muted);font-size:.86rem;line-height:1.5}
.methods-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.method-card{padding:clamp(20px,2.4vw,28px);border:1px solid var(--line);border-radius:14px;background:#fffdf8}.method-card h3{font-size:20px}
.method-prompt{margin-top:14px;padding:clamp(22px,3vw,32px);border:1px solid var(--line);border-radius:14px;background:#fff}.method-prompt>h3{margin:8px 0 8px}.method-prompt>p:not(.eyebrow){margin-bottom:18px}.method-prompt details{padding-top:14px;border-top:1px solid var(--line)}.method-prompt summary{cursor:pointer;color:var(--ink);font-weight:800}.method-prompt pre{max-height:420px;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:10px;background:#f8f6ef;font-size:.78rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}
@media(max-width:800px){.method-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.methods-grid{grid-template-columns:1fr}}
@media(max-width:480px){.methods{padding:22px 16px}.methods-head{margin-bottom:24px}.methods-section{padding:20px 16px}.method-steps{grid-template-columns:1fr}.method-prompt{padding:20px 16px}.method-prompt pre{font-size:.7rem}}
.voice-room-link{border-bottom:1px solid currentColor;color:var(--green);font-weight:800;text-decoration:none}
.takeaways .analysis-table-wrap{margin:18px 0 30px}
.takeaways table{min-width:1040px}
.takeaways th,.takeaways td{font-size:13px;color:var(--ink)}
.takeaways th{vertical-align:bottom}
.takeaways td:first-child{font-weight:750;white-space:normal;min-width:200px;max-width:240px}
.takeaways tbody tr:nth-child(even) td{background:#faf8f2}
.takeaways blockquote{border-left-color:var(--green);background:linear-gradient(135deg,#f7f4ea 0%,#fffdf8 60%);border-radius:0 12px 12px 0;padding:14px 20px 14px 22px}
.takeaways blockquote p{font-size:clamp(15.5px,1.15vw,17px);font-style:normal}
.takeaways h3{margin-top:44px}

.analysis > h2:first-child::before{content:"Benchmark analysis";display:block;margin-bottom:8px;color:var(--green);font-size:11px;font-weight:850;line-height:1;letter-spacing:.11em;text-transform:uppercase}
.takeaways > h2:first-child::before{content:"For practitioners"}