.leaderboard-page {
  --lb-border: #dedfdd;
  --lb-muted: #6f7471;
  --lb-green: #188c70;
  --lb-green-soft: #edf8f4;
  background: #f8f8f7;
}

.leaderboard-intro {
  padding: 70px 0 48px;
  border-bottom: 1px solid var(--lb-border);
  background: #fbfaf7;
}

.leaderboard-intro-grid {
  display: grid;
  grid-template-columns: minmax(370px, .86fr) minmax(480px, 1.14fr);
  gap: 88px;
  align-items: end;
}

.leaderboard-intro h1 {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(54px, 6.2vw, 84px);
  font-weight: 500;
  letter-spacing: -.05em;
  line-height: .94;
}

.leaderboard-intro-copy > p {
  max-width: 720px;
  margin: 0;
  color: #666c68;
  font-size: 15px;
  line-height: 1.72;
}

.leaderboard-axis-notes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 22px;
  color: #777c79;
  font-size: 11px;
}

.leaderboard-axis-notes span { display: inline-flex; align-items: center; gap: 7px; }
.leaderboard-axis-notes b { color: var(--lb-green); font-size: 15px; }

.leaderboard-stage { padding: 46px 0 68px; }

.pass-cost-section {
  padding: 70px 0;
  border-top: 1px solid var(--lb-border);
  background: #fbfaf7;
}

.pass-cost-head { margin-bottom: 28px; }

.pass-cost-card {
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--lb-border);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 7px 28px rgba(28, 33, 29, .035);
}

.pass-cost-card a,
.pass-cost-card img { display: block; width: 100%; height: auto; }

.pass-cost-card figcaption {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  padding: 16px 22px;
  border-top: 1px solid #e7e8e6;
  color: #777c78;
  font-size: 10px;
  line-height: 1.55;
}

.pass-cost-card figcaption strong { color: #303431; }
.pass-cost-card figcaption span:last-child { font-family: var(--mono); font-size: 9px; text-align: right; }

.pending-banner {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 16px;
  padding: 13px 17px;
  border: 1px solid #e6c8bb;
  border-radius: 10px;
  background: #fbf2ed;
  color: #805c4e;
  font-size: 10px;
  line-height: 1.5;
}

.pending-banner strong { color: #934a32; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.pending-pulse { width: 8px; height: 8px; flex: none; border-radius: 50%; background: #b35639; box-shadow: 0 0 0 4px rgba(179,86,57,.12); }

.leaderboard-card {
  overflow: hidden;
  border: 1px solid var(--lb-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 32px rgba(31,35,32,.035);
}

.leaderboard-card-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 36px;
  padding: 30px 32px 22px;
}

.leaderboard-card-head .portal-kicker { margin-bottom: 9px; }
.leaderboard-card-head h2 { margin: 0; font-size: 28px; letter-spacing: -.025em; }
.leaderboard-card-head p:last-child { margin: 9px 0 0; color: #818581; font-size: 11px; line-height: 1.55; }

.pending-stamp {
  flex: none;
  padding: 9px 12px;
  border: 1px dashed #d7a18d;
  border-radius: 8px;
  color: #a64f35;
  background: #fffaf8;
  font: 9px var(--mono);
  letter-spacing: .035em;
}

.leaderboard-filters {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px 26px;
  align-items: end;
  padding: 0 32px 24px;
  border-bottom: 1px solid #e7e8e6;
}

.filter-group { min-width: 0; margin: 0; padding: 0; border: 0; }
.filter-group legend, .select-filter > span { display: block; margin-bottom: 8px; color: #8a8e8b; font-size: 8px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.segmented-control, .provider-chips { display: flex; flex-wrap: wrap; gap: 7px; }

.filter-button, .provider-chip {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid #e2e3e1;
  border-radius: 999px;
  background: #f5f5f4;
  color: #676c68;
  font: 650 10px var(--sans);
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

.filter-button:hover, .provider-chip:hover { border-color: #adb2ae; transform: translateY(-1px); }
.filter-button.is-active { border-color: #1d201e; background: #1d201e; color: #fff; }
.provider-chip { display: inline-flex; align-items: center; gap: 7px; background: #fff; }
.provider-chip.is-active { border-color: #aeb3af; color: #242725; box-shadow: inset 0 0 0 1px #e7e8e6; }
.provider-dot { width: 7px; height: 7px; border-radius: 50%; background: #7c827e; }
.provider-all { background: linear-gradient(135deg, #d57655 0 33%, #2774c8 33% 66%, #6b61c8 66%); }
.provider-anthropic { background: #d57655; }
.provider-openai { background: #149476; }
.provider-deepseek { background: #6b61c8; }
.provider-zai { background: #0b91ad; }
.provider-moonshot { background: #bb4e85; }

.select-filters { display: flex; gap: 10px; }
.select-filter select {
  width: 150px;
  height: 38px;
  padding: 0 34px 0 12px;
  border: 1px solid #dfe1de;
  border-radius: 9px;
  appearance: none;
  outline: none;
  background-color: #fff;
  background-image: linear-gradient(45deg, transparent 50%, #858a86 50%), linear-gradient(135deg, #858a86 50%, transparent 50%);
  background-position: calc(100% - 16px) 16px, calc(100% - 11px) 16px;
  background-repeat: no-repeat;
  background-size: 5px 5px;
  color: #4f5450;
  font: 600 10px var(--sans);
}

.select-filter select:focus { border-color: var(--lb-green); box-shadow: 0 0 0 3px rgba(24,140,112,.1); }

.chart-frame { position: relative; padding: 10px 20px 0; overflow-x: auto; background: #fff; }
.leaderboard-chart { display: block; width: 100%; min-width: 900px; height: auto; }
.leaderboard-chart path { fill: none; }
.leaderboard-chart .advantage-zone { fill: var(--lb-green-soft); }
.leaderboard-chart .grid-line { stroke: #e7e9e6; stroke-width: 1; }
.leaderboard-chart .plot-boundary { fill: none; stroke: #d7dad6; stroke-width: 1; }
.leaderboard-chart .reference-line { stroke: #a5ada8; stroke-width: 1.2; stroke-dasharray: 6 7; }
.leaderboard-chart .tick-label { fill: #7b817d; font: 11px var(--mono); }
.leaderboard-chart .axis-title { fill: #5e645f; font: 600 11px var(--sans); }
.leaderboard-chart .reference-label { fill: #929994; font: 10px var(--mono); }
.leaderboard-chart .advantage-label { fill: #28a17e; font: italic 700 12px var(--sans); }
.leaderboard-chart .plot-watermark { fill: #b27058; font: 700 10px var(--mono); letter-spacing: .08em; opacity: .8; }
.leaderboard-chart .point-label { font: 700 11px var(--sans); paint-order: stroke; stroke: #fff; stroke-width: 4px; stroke-linejoin: round; }
.leaderboard-chart .point-group { cursor: help; outline: none; }
.leaderboard-chart .point-halo { opacity: 0; fill: none; stroke-width: 2; transition: opacity .15s ease; }
.leaderboard-chart .point-group:hover .point-halo, .leaderboard-chart .point-group:focus .point-halo { opacity: .35; }
.leaderboard-chart .data-mark { stroke: #fff; stroke-width: 3; filter: drop-shadow(0 1px 1px rgba(20,30,24,.16)); }

.chart-tooltip {
  position: absolute;
  z-index: 4;
  width: 230px;
  padding: 13px 14px;
  border: 1px solid #ced2ce;
  border-radius: 10px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 12px 30px rgba(28,33,29,.12);
  color: #606661;
  font-size: 10px;
  line-height: 1.6;
  pointer-events: none;
}

.chart-tooltip strong, .chart-tooltip span { display: block; }
.chart-tooltip strong { margin-bottom: 4px; color: #202421; font-size: 12px; }
.chart-tooltip em { display: block; margin-top: 7px; color: #aa5438; font: normal 8px var(--mono); text-transform: uppercase; }

.chart-footer {
  display: flex;
  min-height: 62px;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 13px 32px;
  border-top: 1px solid #e7e8e6;
}

.chart-legend { display: flex; flex-wrap: wrap; gap: 13px 22px; color: #777c78; font-size: 9px; }
.chart-legend span { display: inline-flex; align-items: center; gap: 7px; }
.legend-mark { width: 10px; height: 10px; background: #65706a; }
.legend-circle { border-radius: 50%; }
.legend-square { border-radius: 2px; }
.legend-line { width: 20px; height: 0; border-top: 1px dashed #8d9690; }
.filter-status { margin: 0; color: #929692; font: 9px var(--mono); text-align: right; }

.agent-ranking-section,
.ablation-preview-section {
  padding: 72px 0;
  border-top: 1px solid var(--lb-border);
  background: #f8f8f7;
}

@media (max-width: 720px) {
  .pass-cost-section { padding: 48px 0; }
  .pass-cost-card { overflow-x: auto; }
  .pass-cost-card a { min-width: 820px; }
  .pass-cost-card figcaption { min-width: 780px; }
}

.ablation-preview-section { background: #fbfaf7; }

.ranking-section-head {
  display: grid;
  grid-template-columns: minmax(430px, .9fr) minmax(420px, 1.1fr);
  gap: 76px;
  align-items: end;
  margin-bottom: 28px;
}

.ranking-section-head h2 {
  max-width: 700px;
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(42px, 4.6vw, 64px);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: .98;
}

.ranking-section-head > p {
  max-width: 680px;
  margin: 0;
  color: #707570;
  font-size: 13px;
  line-height: 1.75;
}

.agent-ranking-card,
.ablation-chart-card {
  overflow: hidden;
  border: 1px solid var(--lb-border);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 7px 28px rgba(28, 33, 29, .035);
}

.ranking-toolbar,
.ablation-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7e4;
}

.ranking-sort,
.ablation-series-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ranking-tools { display: grid; gap: 12px; }
.ranking-harness-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.ranking-harness-filter > span { margin-right: 4px; color: #858a86; font-size: 10px; }
.ranking-harness-button {
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid #e3e5e2;
  border-radius: 999px;
  background: #fff;
  color: #6b706c;
  font: 650 9px var(--sans);
  cursor: pointer;
}
.ranking-harness-button:hover { border-color: #aeb3af; }
.ranking-harness-button.is-active { border-color: #177e70; color: #126b60; background: #eef8f5; }

.ranking-sort > span {
  margin-right: 4px;
  color: #858a86;
  font-size: 10px;
}

.ranking-sort-button,
.ablation-series-button {
  min-height: 37px;
  padding: 0 15px;
  border: 1px solid #e3e5e2;
  border-radius: 999px;
  background: #f5f5f4;
  color: #666b67;
  font: 650 10px var(--sans);
  cursor: pointer;
}

.ranking-sort-button:hover,
.ablation-series-button:hover { border-color: #aeb3af; }
.ranking-sort-button.is-active { border-color: #1f2220; background: #1f2220; color: #fff; }

.preview-note {
  color: #a65339;
  font: 8px var(--mono);
  letter-spacing: .04em;
  white-space: nowrap;
}

.agent-ranking-table-wrap { overflow-x: auto; }
.agent-ranking-table { width: 100%; min-width: 970px; border-collapse: collapse; }
.agent-ranking-table th {
  padding: 16px 18px;
  border-bottom: 1px solid #dfe1de;
  color: #777c78;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .05em;
  text-align: right;
  text-transform: uppercase;
}
.agent-ranking-table th:nth-child(-n+2) { text-align: left; }
.agent-ranking-table td { padding: 14px 18px; border-bottom: 1px solid #eceeeb; font-size: 11px; text-align: right; }
.agent-ranking-table tbody tr:last-child td { border-bottom: 0; }
.agent-ranking-table tbody tr:hover { background: #fafbf9; }
.agent-ranking-table .rank-cell { width: 44px; color: #8c918d; font: 11px var(--mono); text-align: left; }
.agent-ranking-table .config-cell { min-width: 260px; text-align: left; }
.config-name { display: flex; align-items: center; gap: 10px; color: #1e211f; font-size: 13px; font-weight: 700; }
.config-provider-mark { width: 10px; height: 10px; flex: none; border-radius: 50%; background: var(--provider-color); }
.config-meta { margin-top: 3px; padding-left: 20px; color: #8a8f8b; font-size: 9px; }
.ranking-number { color: #666c67; font: 11px var(--mono); }
.ranking-number.strong { color: #202421; font-weight: 750; }
.ranking-number.positive { color: #07855f; }
.ranking-bar-cell { width: 31%; min-width: 270px; }
.ranking-bar-track { height: 14px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--bar-color) 17%, #f2f3f1); }
.ranking-bar-fill { height: 100%; border-radius: inherit; background: var(--bar-color); transition: width .22s ease; }
.ranking-footer,
.ablation-chart-footer {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  padding: 15px 24px;
  border-top: 1px solid #e5e7e4;
  color: #969b97;
  font-size: 9px;
}

.ablation-series-button { display: inline-flex; align-items: center; gap: 7px; background: #fff; }
.ablation-series-button:not(.is-active) { opacity: .42; }
.series-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--series-color); }
.series-dot.full { --series-color: #178d70; }
.series-dot.guidance { --series-color: #d77956; }
.series-dot.state { --series-color: #4c83df; }
.series-dot.control { --series-color: #9b62d2; }
.series-dot.action { --series-color: #bd4e84; }

.ablation-domain > span {
  display: block;
  margin-bottom: 6px;
  color: #8a8e8b;
  font-size: 8px;
  font-weight: 750;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.ablation-domain select {
  width: 170px;
  height: 38px;
  padding: 0 12px;
  border: 1px solid #dfe1de;
  border-radius: 9px;
  background: #fff;
  color: #4f5450;
  font: 600 10px var(--sans);
}

.ablation-chart-frame { overflow-x: auto; padding: 12px 18px 0; }
.ablation-chart { display: block; width: 100%; min-width: 900px; height: auto; }
.ablation-chart path { fill: none; }
.ablation-grid { stroke: #e7e9e6; stroke-width: 1; }
.ablation-boundary { fill: none; stroke: #d7dad6; }
.ablation-reference { stroke: #a6ada8; stroke-width: 1.2; stroke-dasharray: 6 7; }
.ablation-tick { fill: #7c827e; font: 11px var(--mono); }
.ablation-axis-title { fill: #606560; font: 600 11px var(--sans); }
.ablation-series-line { fill: none; stroke: var(--series-color); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.ablation-series-point { fill: #fff; stroke: var(--series-color); stroke-width: 3; }
.ablation-series-label { fill: var(--series-color); font: 700 11px var(--sans); paint-order: stroke; stroke: #fff; stroke-width: 4px; }
.ablation-watermark { fill: #ad5c42; font: 700 9px var(--mono); letter-spacing: .08em; }
.ablation-chart-footer strong { color: #a5543b; font: 8px var(--mono); letter-spacing: .04em; }

.leaderboard-method, .formal-results, .legacy-results, .verified-ablation-results { padding: 66px 0; border-top: 1px solid var(--lb-border); background: #fbfaf7; }
.method-grid { display: grid; grid-template-columns: minmax(320px, .68fr) minmax(0, 1.32fr); gap: 84px; }
.method-grid h2, .formal-results-head h2 { margin: 0; font-family: var(--serif); font-size: clamp(38px, 4vw, 56px); font-weight: 500; letter-spacing: -.04em; line-height: 1; }
.method-notes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #bfc3bf; }
.method-notes article { padding: 22px 22px 0 0; }
.method-notes article + article { padding-left: 22px; border-left: 1px solid #e0e2df; }
.method-notes span { color: #b15439; font: 9px var(--mono); }
.method-notes h3 { margin: 25px 0 9px; font-size: 15px; }
.method-notes p { margin: 0; color: #747a75; font-size: 10px; line-height: 1.65; }

.formal-results { background: #f8f8f7; }
.formal-results-head { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: end; padding-bottom: 25px; border-bottom: 1px solid #252825; }
.formal-results-head > p { max-width: 650px; margin: 0; color: #707570; font-size: 12px; line-height: 1.7; }
.formal-results .leader-table-wrap { margin-top: 28px; }
.formal-results .leader-table { background: #fff; }
.formal-results .leader-table td, .formal-results .leader-table th { padding-inline: 14px; }
.formal-results .pending-value { color: #9a9e9a; font-family: var(--mono); font-size: 9px; }
.formal-results .running-value { color: #a5543b; font-family: var(--mono); font-size: 9px; font-weight: 750; }
.formal-results .verified-value { font-family: var(--mono); font-size: 10px; }
.formal-results .verified-value.strong { font-weight: 800; }
.formal-results .verified-value.positive { color: #178d70; font-weight: 800; }
.formal-results .verified-value.negative { color: #a5543b; font-weight: 800; }
.formal-results .verified-value.neutral { color: #707570; font-weight: 800; }
.formal-results .endpoint-delta { font-weight: 800; white-space: nowrap; }
.formal-results .endpoint-delta.increase { color: #178d70; }
.formal-results .endpoint-delta.decrease { color: #a5543b; }
.formal-results-updated { margin: 12px 0 0; color: #777c77; font-family: var(--mono); font-size: 9px; text-align: right; }
.legacy-results { background: #f0f2ef; }
.legacy-results-head code { color: #4b534e; font: 10px var(--mono); }
.legacy-status-strip { display: flex; align-items: center; gap: 14px; margin-top: 26px; padding: 13px 16px; border: 1px solid #d8ddd8; border-radius: 10px; background: #fff; color: #6d746f; font: 9px var(--mono); }
.legacy-status-strip strong { color: #9a4f38; text-transform: uppercase; letter-spacing: .06em; }
.legacy-status-strip a { margin-left: auto; color: #26715e; font-weight: 750; text-decoration: none; }
.legacy-table-wrap { margin-top: 14px; }
.legacy-table { min-width: 940px; background: #fff; }
.legacy-table td, .legacy-table th { padding-inline: 14px; vertical-align: middle; }
.legacy-table td strong { display: block; color: #262b27; font-size: 11px; }
.legacy-row-note { display: block; margin-top: 5px; color: #858b86; font: 8px var(--mono); white-space: nowrap; }
.legacy-score, .legacy-lift { font: 750 10px var(--mono); white-space: nowrap; }
.legacy-lift.positive { color: #178d70; }
.legacy-lift.neutral { color: #777d78; }
.protocol-chip { display: inline-block; padding: 5px 7px; border-radius: 5px; background: #f0f4f1; color: #3e5149; font: 750 8px var(--mono); white-space: nowrap; }
.evidence-link { display: block; color: #146d58; font: 750 9px var(--mono); text-decoration: none; white-space: nowrap; }
.evidence-link:hover, .evidence-link:focus-visible, .legacy-footnote a:hover, .legacy-footnote a:focus-visible { text-decoration: underline; }
.evidence-state { display: inline-block; margin-top: 6px; padding: 4px 6px; border-radius: 999px; font: 750 7px var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.evidence-state.complete { background: #e7f5ef; color: #14775d; }
.evidence-state.snapshot { background: #fff0df; color: #99562f; }
.evidence-state.invalid { background: #f5e9e6; color: #a04836; }
.recovery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.recovery-card { min-height: 190px; padding: 22px; border: 1px solid #d9ddd9; border-radius: 12px; background: #fff; }
.recovery-card h3 { margin: 20px 0 12px; font-family: var(--serif); font-size: 24px; font-weight: 500; letter-spacing: -.03em; }
.recovery-card p { margin: 0; }
.recovery-card p strong { display: block; font: 750 14px var(--mono); }
.recovery-card p span { display: block; margin-top: 6px; color: #737a74; font: 8px var(--mono); }
.recovery-card small { display: block; margin-top: 18px; color: #747a75; font-size: 9px; line-height: 1.65; }
.recovery-card code { color: #994e38; font: 8px var(--mono); }
.legacy-footnote { margin: 18px 0 0; color: #747a75; font-size: 9px; line-height: 1.6; }
.legacy-footnote a { color: #26715e; }
.verified-ablation-results { background: #f3f3f1; }
.ablation-result-card { margin-top: 34px; padding: 28px; border: 1px solid #dfe1dd; border-radius: 14px; background: #fff; }
.ablation-result-copy { display: grid; grid-template-columns: .45fr .55fr 1.2fr; gap: 28px; align-items: baseline; }
.ablation-result-copy h3 { margin: 0; font-family: var(--serif); font-size: 30px; font-weight: 500; letter-spacing: -.03em; }
.ablation-result-copy > p:last-child { margin: 0; color: #747a75; font-size: 10px; line-height: 1.65; }
.ablation-result-card .leader-table-wrap { margin-top: 22px; }
.ablation-matrix { min-width: 920px; }
.ablation-matrix td, .ablation-matrix th { padding-inline: 12px; text-align: center; }
.ablation-matrix td:first-child, .ablation-matrix th:first-child { position: sticky; left: 0; z-index: 1; background: #fff; text-align: left; }
.ablation-score { color: #252825; font-family: var(--mono); font-size: 9px; white-space: nowrap; }
.ablation-score .lift { margin-left: 4px; font-weight: 800; }
.ablation-score .lift.positive { color: #178d70; }
.ablation-score .lift.negative { color: #a5543b; }
.ablation-score .lift.neutral { color: #777c77; }
.ablation-pending { color: #a3a7a3; font-family: var(--mono); font-size: 9px; }

@media (max-width: 1050px) {
  .leaderboard-intro-grid { grid-template-columns: .85fr 1.15fr; gap: 48px; }
  .leaderboard-filters { grid-template-columns: 1fr; }
  .select-filters { grid-row: 3; }
  .select-filter { flex: 1; }
  .select-filter select { width: 100%; }
  .ranking-section-head { grid-template-columns: 1fr; gap: 24px; }
  .ranking-toolbar, .ablation-toolbar { align-items: flex-start; flex-direction: column; }
  .recovery-grid { grid-template-columns: 1fr; }
  .recovery-card { min-height: 0; }
}

@media (max-width: 760px) {
  .leaderboard-intro { padding: 52px 0 38px; }
  .leaderboard-intro-grid, .method-grid, .formal-results-head { grid-template-columns: 1fr; gap: 30px; }
  .leaderboard-intro h1 { font-size: 52px; }
  .pending-banner { align-items: flex-start; flex-wrap: wrap; }
  .pending-banner > span:last-child { width: 100%; padding-left: 19px; }
  .leaderboard-card-head { display: block; padding: 24px 20px 18px; }
  .pending-stamp { display: inline-block; margin-top: 16px; }
  .leaderboard-filters { padding: 0 20px 20px; }
  .chart-frame { padding-inline: 0; }
  .chart-footer { display: block; padding: 17px 20px; }
  .filter-status { margin-top: 13px; text-align: left; }
  .method-notes { grid-template-columns: 1fr; }
  .method-notes article { padding: 20px 0; }
  .method-notes article + article { padding-left: 0; border-top: 1px solid #e0e2df; border-left: 0; }
  .method-notes h3 { margin-top: 13px; }
  .agent-ranking-section, .ablation-preview-section { padding: 54px 0; }
  .ranking-section-head h2 { font-size: 44px; }
  .ranking-toolbar, .ablation-toolbar { padding: 18px; }
  .preview-note { white-space: normal; }
  .ranking-footer, .ablation-chart-footer { display: block; padding-inline: 18px; }
  .ranking-footer span + span, .ablation-chart-footer strong { display: block; margin-top: 7px; }
  .legacy-status-strip { align-items: flex-start; flex-direction: column; }
  .legacy-status-strip a { margin-left: 0; }
}

@media (max-width: 520px) {
  .leaderboard-stage { padding: 30px 0 50px; }
  .select-filters { display: grid; grid-template-columns: 1fr; }
  .filter-button, .provider-chip { min-height: 34px; padding-inline: 11px; }
  .leaderboard-method, .formal-results, .legacy-results, .verified-ablation-results { padding: 50px 0; }
  .ablation-result-copy { grid-template-columns: 1fr; gap: 8px; }
}