/* Tables imported from the report retain the page typography and scroll on small screens. */
.astra-article .imported-table { width: 100%; margin-bottom: 20px; }
.astra-article .imported-table td { font-family: var(--font); }
.astra-article .imported-table th[scope="row"] { font-weight: 500; }
.astra-article .imported-table code { overflow-wrap: anywhere; }
.astra-article #placeholders > figure { margin-top: 32px; }
.astra-article #placeholders .rollout-grid { margin-bottom: 32px; }

/* Numbered report hierarchy and matching contents navigation. */
.astra-article .section-number { color: var(--muted); font-weight: 400; }
.astra-article #results > section { border-bottom: 0; padding-bottom: 0; margin: 36px 0 0; }
.astra-article #results h4 { font-size: 18px; line-height: 1.4; margin: 28px 0 13px; font-weight: 600; }
.astra-article .contents nav a { display: flex; gap: 7px; align-items: baseline; }
.astra-article .contents .toc-number { flex: 0 0 auto; color: var(--muted); }
.astra-article .contents nav .deep-link { padding-left: 37px; }

/* Keep subsection numbers inline and sized to match their titles. */
.astra-article .content h3:has(> .section-number) {
  font-size: 24px;
  line-height: 1.35;
  margin-top: 40px;
}
.astra-article #results h4 {
  font-size: 21px;
  line-height: 1.4;
  letter-spacing: -.3px;
  margin: 38px 0 18px;
  padding-top: 0;
}
.astra-article .content h3 > .section-number,
.astra-article .content h4 > .section-number {
  display: inline;
  margin-right: .2em;
  color: var(--green-ink);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
@media (max-width: 520px) {
  .astra-article .content h3:has(> .section-number) { font-size: 22px; }
  .astra-article #results h4 { font-size: 19px; }
}

/* Static ablation charts: readable values remain available without CSS or JS. */
.astra-article #delegation-distribution {
  --result-label-width: 270px;
  --result-value-width: 112px;
  max-width: 820px;
}
@font-face {
  font-family: 'Astra Chart Numerals';
  src: url('assets/fonts/chart-numerals.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0025, U+002E, U+0030-0039, U+03C0, U+2013, U+2212;
}
.astra-article .ablation-results-chart {
  --result-label-width: 220px;
  --result-value-width: 96px;
  --result-font-size: 13px;
  margin: 16px 0 24px;
  font-family: 'Astra Chart Numerals', var(--font);
}
.astra-article .ablation-results-chart.loop-figure {
  padding: 14px 18px 0;
}
.astra-article .result-chart-heading {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
  font-size: var(--result-font-size);
  line-height: 1.4;
  color: var(--muted);
}
.astra-article .result-chart-heading > :first-child {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: var(--ink);
}
.astra-article .result-score-legend {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  white-space: nowrap;
}
.astra-article .result-score-legend i { width: 16px; height: 6px; }
.astra-article .result-score-legend .legend-sr { background: var(--green); }
.astra-article .result-score-legend .legend-score { background: var(--bar-secondary); margin-left: 7px; }
.astra-article .result-bars {
  list-style: none;
  margin: 0;
  padding: 0;
}
.astra-article .result-bar-group {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.astra-article .result-bar-group + .result-bar-group {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid var(--line);
}
.astra-article .result-group-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--muted);
}
.astra-article .result-bar-group .result-bar-row {
  grid-template-columns: calc(var(--result-label-width) - 80px) minmax(0, 1fr);
}
.astra-article .result-bar-row {
  display: grid;
  grid-template-columns: var(--result-label-width) minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 22px;
  margin: 0;
  padding: 1px 0;
  padding-right: calc(var(--result-value-width) + 12px);
  font-size: var(--result-font-size);
  line-height: 1.4;
}
.astra-article .result-bar-label {
  font-size: 13px;
  font-weight: 400;
  color: var(--muted);
}
.astra-article #model-results .result-bar-group-start {
  border-top: 1px solid var(--line);
  margin-top: 7px;
  padding-top: 8px;
}
.astra-article .result-bar-label small,
.astra-article .result-default-label {
  display: inline;
  margin-left: 8px;
  color: var(--muted);
  font-size: 11px;
}
.astra-article .result-time-label { white-space: nowrap; }
.astra-article .result-bar-track {
  position: relative;
  display: block;
  height: 8px;
  background: repeating-linear-gradient(to right, transparent 0, transparent calc(25% - 1px), #e7eae3 calc(25% - 1px), #e7eae3 25%);
}
.astra-article .result-bar-fill {
  display: block;
  width: var(--result-value);
  height: 100%;
  background: var(--green);
  border-radius: 0;
}
.astra-article .result-bar-value {
  position: absolute;
  left: calc(var(--result-score) + 9px);
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  font-size: 12px;
  color: var(--muted);
  background: var(--white);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
}
.astra-article .result-score-extension {
  position: absolute;
  top: 0;
  left: var(--result-value);
  width: calc(var(--result-score) - var(--result-value));
  height: 100%;
  border: 0;
  border-radius: 0;
  background: var(--bar-secondary);
}
.astra-article .result-score-extension[hidden] { display: none; }
.astra-article .result-default-label,
.astra-article .result-bar-row.is-default .result-bar-label small { color: var(--green-ink); }
.astra-article .result-bar-row:not(.is-reference) + .is-reference {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid var(--line);
}
.astra-article .result-chart-axis {
  margin: 6px calc(var(--result-value-width) + 12px) 0 calc(var(--result-label-width) + 12px);
  font: var(--chart-axis-font);
  color: var(--muted);
}
/* Shared axis: three ticks with a separate unit label to their right. */
.astra-article .chart-x-axis {
  position: relative;
  display: block;
  height: 16px;
  font: var(--chart-axis-font);
  color: var(--muted);
}
.astra-article .chart-x-axis > span { position: absolute; white-space: nowrap; }
.astra-article .chart-x-axis > span:nth-child(1) { left: 0; }
.astra-article .chart-x-axis > span:nth-child(2) { left: 50%; transform: translateX(-50%); }
.astra-article .chart-x-axis > span:nth-child(3) { left: 100%; transform: translateX(-100%); }
.astra-article .chart-x-axis > .result-axis-label { left: calc(100% + 12px); }
.astra-article .ablation-results-chart figcaption {
  margin: 10px -18px 0;
  padding: 10px 18px;
}
@media (max-width: 1100px) {
  .astra-article .ablation-results-chart { --result-label-width: 175px; }
}
@media (max-width: 600px) {
  .astra-article .result-chart-heading { flex-wrap: wrap; gap: 6px 12px; }
  .astra-article .result-bar-group { display: block; }
  .astra-article .result-group-label { display: block; margin-bottom: 3px; }
  .astra-article .result-bar-group .result-bar-row { grid-template-columns: minmax(0, 1fr); }
  .astra-article .result-bar-row { grid-template-columns: minmax(0, 1fr); gap: 3px; padding: 3px 0; }
  .astra-article .result-bar-label { grid-column: 1 / -1; }
  .astra-article .result-bar-track { margin-right: calc(var(--result-value-width) + 12px); }
  .astra-article .result-bar-label small,
.astra-article .result-default-label { display: inline; margin-left: 8px; }
  .astra-article .result-chart-axis { margin-left: 0; }
}
@media print {
  .astra-article .ablation-results-chart { break-inside: avoid; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}

/* Keep generated action counts separate from the percentage scale. */
.astra-article #action-horizon-results { --horizon-width: 100px; }
.astra-article #action-horizon-results .result-chart-heading {
  display: grid;
  grid-template-columns: var(--result-label-width) minmax(0, 1fr) var(--horizon-width);
  align-items: center;
  gap: 12px;
}
.astra-article #action-horizon-results .result-score-legend { justify-self: end; }
.astra-article #action-horizon-results .result-horizon-heading {
  text-align: center;
  font-size: 11px;
}
.astra-article #action-horizon-results .result-horizon-heading small { display: block; font: inherit; }
.astra-article #action-horizon-results .result-bar-row {
  grid-template-columns: var(--result-label-width) minmax(0, 1fr) var(--horizon-width);
  padding-right: 0;
}
.astra-article #action-horizon-results .result-bar-track { margin-right: calc(var(--result-value-width) + 12px); }
.astra-article #action-horizon-results .result-horizon-value {
  text-align: center;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.astra-article #action-horizon-results .result-chart-axis {
  margin-right: calc(var(--horizon-width) + var(--result-value-width) + 24px);
}
@media (max-width: 600px) {
  .astra-article #action-horizon-results .result-chart-heading,
  .astra-article #action-horizon-results .result-bar-row { grid-template-columns: minmax(0, 1fr) var(--horizon-width); }
  .astra-article #action-horizon-results .result-chart-heading > :first-child { grid-column: 1 / -1; }
  .astra-article #action-horizon-results .result-score-legend { justify-self: start; }
  .astra-article #action-horizon-results .result-bar-label { grid-column: 1; }
  .astra-article #action-horizon-results .result-horizon-value { grid-column: 2; grid-row: 1; }
  .astra-article #action-horizon-results .result-bar-track { grid-column: 1 / -1; grid-row: 2; }
  .astra-article #action-horizon-results .result-chart-axis { margin-right: calc(var(--result-value-width) + 12px); }
}

/* Action-horizon tradeoff mockup, shown alongside the existing ablation. */
.astra-article .horizon-tradeoff.loop-figure {
  --result-font-size: 13px;
  margin: 20px 0 24px;
  padding: 18px 18px 0;
  font-family: 'Astra Chart Numerals', var(--font);
}
.astra-article .horizon-tradeoff-heading { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 12px; }
.astra-article .horizon-chart-scroll { container-type: inline-size; }
.astra-article .horizon-tradeoff-groups { display: grid; grid-template-columns: 130px minmax(0, 1fr) minmax(0, 3fr); }
.astra-article .horizon-row-labels { padding-top: 38px; font-size: 11px; line-height: 1.5; }
.astra-article .horizon-row-labels > span { display: block; height: 22px; line-height: 20px; }
.astra-article .horizon-efficiency-panels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.astra-article .horizon-efficiency-group { min-width: 0; padding-left: 20px; border-left: 1px solid var(--line); }
.astra-article .horizon-outcome-group { min-width: 0; padding-right: 20px; }
.astra-article .horizon-efficiency-panels .horizon-metric:first-child { padding-right: 20px; }
.astra-article .horizon-efficiency-panels .horizon-metric:last-child { padding-left: 20px; border-left: 1px solid var(--line); }
.astra-article .horizon-tradeoff .horizon-metric { min-width: 0; margin: 0; padding: 0; border: 0; }
.astra-article .horizon-tradeoff .horizon-chunk-metric { padding: 0 20px 0 0; }
.astra-article .horizon-metric h6 { min-height: 38px; margin: 0; font: 500 13px/1.4 var(--font); color: var(--ink); }
.astra-article .horizon-comparison { margin: 0; font-size: 11px; }
.astra-article .horizon-comparison > div { position: relative; height: 20px; margin-bottom: 2px; }
.astra-article .horizon-comparison dt { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.astra-article .horizon-comparison dd { display: grid; grid-template-columns: minmax(0, 1fr) 52px; align-items: center; gap: 8px; height: 20px; margin: 0; }
.astra-article .horizon-number { grid-column: 2; grid-row: 1; text-align: right; white-space: nowrap; color: var(--ink); font-size: 12px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.astra-article .horizon-metric-track { grid-column: 1; grid-row: 1; display: block; position: relative; height: 8px; background: #f0f2ed; }
.astra-article .horizon-metric-bar { display: block; height: 8px; background: var(--green); }
.astra-article .horizon-metric-track.is-time { background: linear-gradient(transparent 3px, var(--line) 3px, var(--line) 5px, transparent 5px); }
.astra-article .horizon-metric-dot { position: absolute; top: -1px; width: 10px; height: 10px; border-radius: 50%; transform: translateX(-50%); background: var(--green); }
.astra-article .horizon-metric-axis { margin: 0 60px 0 0; color: var(--muted); font: var(--chart-axis-font); }
.astra-article .horizon-tradeoff figcaption { margin: 12px -18px 0; padding: 10px 18px; border-top: 1px solid var(--line); }

@container (max-width: 700px) {
  .astra-article .horizon-tradeoff-groups,
  .astra-article .horizon-efficiency-panels { display: block; }
  .astra-article .horizon-row-labels { display: none; }
  .astra-article .horizon-outcome-group,
  .astra-article .horizon-efficiency-group { padding: 0; border: 0; }
  .astra-article .horizon-tradeoff .horizon-metric,
  .astra-article .horizon-tradeoff .horizon-efficiency-panels .horizon-metric { padding: 0; border: 0; margin-bottom: 14px; }
  .astra-article .horizon-efficiency-panels .horizon-metric:last-child { margin-bottom: 0; }
  .astra-article .horizon-metric h6 { min-height: 0; margin-bottom: 6px; }
  .astra-article .horizon-comparison > div { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 8px; }
  .astra-article .horizon-comparison dt { position: static; width: auto; height: auto; overflow: visible; clip-path: none; font-weight: 400; }
  .astra-article .horizon-metric-axis { margin-left: 120px; }
}


/* Reasoning effort uses the same metric columns as the action-horizon figure. */
@container (min-width: 701px) {
  .astra-article #model-reasoning-results .horizon-metric h6 { min-height: 24px; }
  .astra-article #model-reasoning-results .horizon-row-labels { padding-top: 24px; }
}
.astra-article #model-reasoning-results .horizon-tradeoff-groups {
  grid-template-columns: 130px minmax(0, 1fr) minmax(0, 2fr);
}
.astra-article #model-reasoning-results .horizon-efficiency-panels {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.astra-article #model-reasoning-results .horizon-row-labels,
.astra-article #model-reasoning-results .horizon-comparison dt {
  font: 400 13px/1.4 var(--font);
  color: var(--muted);
}
@container (max-width: 700px) {
  .astra-article #model-reasoning-results .horizon-comparison > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    height: auto;
    margin-bottom: 8px;
  }
  .astra-article #model-reasoning-results .horizon-metric-axis { margin-left: 0; }
}

/* Markdown-generated subsection wrappers share the existing heading spacing. */
.astra-article .content section.subsection { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

/* Action-space policy groups. */
.astra-article #action-space-by-target-results .policy-label { font: 600 11px/1.5 var(--font); letter-spacing: .06em; text-transform: uppercase; color: var(--ink); margin: 12px 0 8px; }
.astra-article #action-space-by-target-results .agentic-group-heading { border-top: 1px solid var(--line); margin-top: 14px; padding-top: 10px; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.astra-article #action-space-by-target-results .agentic-group-heading .policy-label { margin: 0 0 8px; }
.astra-article #action-space-by-target-results .agentic-group-heading > span:last-child { font: 400 11px/1.5 var(--font); color: var(--muted); }
@media (max-width: 600px) { .astra-article #action-space-by-target-results .agentic-group-heading { align-items: flex-start; flex-direction: column; gap: 0; padding-bottom: 8px; } }
.astra-article #action-space-by-target-results .direct-group-heading { border-top: 0; margin-top: 12px; padding-top: 0; }
.astra-article #action-space-by-target-results [aria-label="Agentic action representations"] > .result-bar-group + .result-bar-group { border-top: 0; margin-top: 0; padding-top: 0; }
.astra-article #action-space-full-results thead th[colspan] { white-space: nowrap; }

/* Prompt geometry: aligned policy columns, shared with the standalone preview. */
.astra-article .prompt-geometry-columns .prompt-policy-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}
.astra-article .prompt-geometry-columns .prompt-policy-column {
  --prompt-label-width: 216px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.astra-article #results .prompt-geometry-columns h4,
.astra-article .prompt-geometry-columns h4 {
  margin: 0 0 8px;
  padding: 0;
  font: 400 13px/1.5 var(--font);
  color: var(--muted);
  text-transform: none;
  letter-spacing: normal;
}
.astra-article .prompt-geometry-columns .result-bar-row {
  display: grid;
  grid-template-columns: var(--prompt-label-width) minmax(0, 1fr);
  gap: 10px;
  min-height: 22px;
  padding: 1px 80px 1px 0;
  border: 0;
}
.astra-article .prompt-geometry-columns .result-bar-label {
  grid-column: 1;
  margin: 0;
}
.astra-article .prompt-geometry-columns .result-bar-value {
  left: calc(var(--result-score) + 8px);
}
.astra-article .prompt-geometry-columns .result-bar-track {
  margin: 0;
}
.astra-article .prompt-geometry-columns .result-default-label {
  color: var(--green-ink);
}
.astra-article .prompt-geometry-columns .prompt-column-axis {
  margin: 6px 80px 0 calc(var(--prompt-label-width) + 10px);
  color: var(--muted);
  font: var(--chart-axis-font);
}
@media (min-width: 851px) {
  .astra-article .prompt-geometry-columns .result-bars {
    display: grid;
    grid-template-rows: repeat(4, minmax(22px, auto));
  }
  .astra-article .prompt-geometry-columns .result-bar-row:last-child {
    grid-row: 4;
  }
}
@media (max-width: 850px) {
  .astra-article .prompt-geometry-columns .prompt-policy-columns {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
}
@media (max-width: 450px) {
  .astra-article .prompt-geometry-columns .prompt-policy-column {
    --prompt-label-width: 136px;
  }
  .astra-article .prompt-geometry-columns .result-bar-value {
    font-size: 10px;
  }
  .astra-article .prompt-geometry-columns .result-bar-row {
    padding-right: 80px;
  }
  .astra-article .prompt-geometry-columns .prompt-column-axis {
    margin-right: 80px;
  }
}

/* The article figure shares prompt labels between the two policy bar columns. */
.astra-article #results #prompt-results h4,
.astra-article #prompt-results h4 {
  padding-left: calc(var(--prompt-label-width) + 10px);
}
@media (min-width: 851px) {
  .astra-article #prompt-results .prompt-policy-columns {
    grid-template-columns: minmax(0, calc(50% + 97px)) minmax(0, 1fr);
  }
  .astra-article #results #prompt-results .prompt-policy-column:last-child h4,
  .astra-article #prompt-results .prompt-policy-column:last-child h4 {
    padding-left: 0;
  }
  .astra-article #prompt-results .prompt-policy-column:last-child .result-bar-row {
    grid-template-columns: minmax(0, 1fr);
  }
  .astra-article #prompt-results .prompt-policy-column:last-child .result-bar-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .astra-article #prompt-results .prompt-policy-column:last-child .prompt-column-axis {
    margin-left: 0;
  }
}

/* Prompt geometry: compact policy subrows on a shared 0–100 scale. */
.astra-article .geometry-matrix { width:100%; table-layout:fixed; border-collapse:collapse; margin:8px 0; }
.astra-article .geometry-matrix th { text-align:left; font-size:13px; font-weight:400; line-height:1.4; }
.astra-article .geometry-matrix thead th { padding:0 8px 8px 0; color:var(--muted); font-size:11px; }
.astra-article .geometry-matrix thead th:first-child { width:30%; }
.astra-article .geometry-matrix thead th:nth-child(2) { width:104px; }
.astra-article .geometry-matrix tbody th { padding:3px 12px 3px 0; vertical-align:middle; }
.astra-article .geometry-matrix td { padding:2px 0; border:0; }
.astra-article .geometry-matrix .geometry-policy { font-size:11px; padding-right:8px; color:var(--muted); }
.astra-article .geometry-matrix tbody + tbody { border-top:1px solid var(--line); }
.astra-article .geometry-matrix .result-bar-row { display:flex; align-items:center; min-height:22px; padding:0 90px 0 0; }
.astra-article .geometry-matrix .result-bar-track { width:100%; margin:0; }
.astra-article .geometry-matrix .result-bar-value { left:calc(100% + 10px); font-size:12px; }
.astra-article .geometry-axis { margin-right:90px; color:var(--muted); font:var(--chart-axis-font); }
@media (max-width:650px) {
  .astra-article .geometry-matrix,
  .astra-article .geometry-matrix tbody,
  .astra-article .geometry-matrix tfoot { display:block; }
  .astra-article .geometry-matrix thead { display:none; }
  .astra-article .geometry-matrix tr { display:grid; grid-template-columns:86px minmax(0,1fr); }
  .astra-article .geometry-matrix tbody { padding:4px 0; }
  .astra-article .geometry-matrix tbody th { grid-column:1 / -1; padding:2px 0; font-size:12px; }
  .astra-article .geometry-matrix .result-bar-row { padding-right:78px; }
  .astra-article .geometry-matrix .result-bar-value { font-size:11px; left:calc(100% + 6px); }
  .astra-article .geometry-matrix .geometry-reference-rows tr { grid-template-columns:1fr; }
  .astra-article .geometry-matrix .geometry-reference-rows td { margin-left:86px; }
  .astra-article .geometry-axis { margin-right:78px; }
}

.astra-article #context-comparison .context-result-section { min-width: 0; margin: 0; padding: 0; border: 0; --result-label-width: 180px; }
.astra-article #context-comparison .context-result-section h4 { display: flex; align-items: baseline; gap: 12px; margin: 0 0 8px; padding: 0; border: 0; font: 600 11px/1.5 var(--font); letter-spacing: .06em; text-transform: uppercase; color: var(--ink); }
.astra-article #context-comparison .context-result-section h4 small { margin: 0; color: var(--muted); font: 400 13px/1.5 var(--font); letter-spacing: normal; text-transform: none; white-space: nowrap; }
.astra-article #context-comparison > figcaption { display: flex; }
.astra-article #context-comparison .context-caption-row { display: flex; align-items: baseline; gap: 12px; margin-top: 6px; padding-left: 12px; }
.astra-article #context-comparison .context-caption-row > span { flex: 1; }
@media (max-width: 540px) {
  .astra-article #context-comparison > figcaption { flex-wrap: wrap; }
  .astra-article #context-comparison > figcaption > span { flex-basis: 100%; }
  .astra-article #context-comparison .context-caption-row { flex-wrap: wrap; }
  .astra-article #context-comparison .context-caption-row > span { flex-basis: 100%; }
}

.astra-article .context-results-tabs > .full-results-panel > .task-table-frame { border-top-left-radius: 0; }

@media (max-width: 640px) {
  .astra-article #task-specification > figcaption { flex-wrap: wrap; }
  .astra-article #task-specification > figcaption > span:first-child { flex-basis: 100%; }
}

.astra-article #context-comparison .context-comparison-columns,
.astra-article #task-specification .task-specification-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
/* Give long context-history labels room without increasing row height. */
.astra-article #context-comparison .context-comparison-columns {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
}
.astra-article #context-comparison .context-result-section:last-child { --result-label-width: 230px; }
.astra-article #context-comparison .context-result-section:first-child { --result-label-width: 170px; }
@media (min-width: 601px) {
  .astra-article #context-comparison .context-result-section h4 { display: grid; grid-template-columns: var(--result-label-width) minmax(0, 1fr); }
  .astra-article #context-comparison .context-result-section:first-child h4 { gap: 6px; }
  .astra-article #context-comparison .context-result-section:first-child .result-bar-row { gap: 6px; padding-right: calc(var(--result-value-width) + 6px); }
  .astra-article #context-comparison .context-result-section:first-child .result-bar-value { left: calc(var(--result-score) + 6px); }
  .astra-article #context-comparison .context-result-section:first-child .result-chart-axis { margin-left: calc(var(--result-label-width) + 6px); margin-right: calc(var(--result-value-width) + 6px); }
}

.astra-article #task-specification .task-specification-column { min-width: 0; --task-label-width: 76px; --task-number-width: 84px; --task-row-gap: 10px; }
.astra-article #task-specification #demonstrations { --task-label-width: 112px; }
.astra-article #task-specification #demonstrations .result-bar-label { white-space: nowrap; }
.astra-article #task-specification .task-specification-policy {
  margin: 10px 0 8px;
  padding: 0 0 0 calc(var(--task-label-width) + var(--task-row-gap));
  border: 0;
  color: var(--muted);
  font: 400 13px/1.5 var(--font);
}
.astra-article #task-specification .result-bar-row {
  grid-template-columns: var(--task-label-width) minmax(0, 1fr) var(--task-number-width);
  gap: var(--task-row-gap);
  padding: 1px 0;
}
.astra-article #task-specification .result-bar-value {
  position: static;
  transform: none;
}
.astra-article #task-specification .result-bar-label { grid-column: 1; }
.astra-article #task-specification .result-bar-value { grid-column: 3; grid-row: 1; text-align: right; }
.astra-article #task-specification .result-bar-track { grid-column: 2; grid-row: 1; margin-right: 0; }
.astra-article #task-specification .result-chart-axis { margin: 6px calc(var(--task-number-width) + var(--task-row-gap)) 0 calc(var(--task-label-width) + var(--task-row-gap)); }
.astra-article #task-specification .result-chart-axis > div { margin-left: 0; }
@media (max-width: 1100px) {
  .astra-article #context-comparison .context-comparison-columns { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}
@media (max-width: 900px) {
  .astra-article #context-comparison .context-comparison-columns,
  .astra-article #task-specification .task-specification-columns { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}


.astra-article #task-specification .task-specification-results-links {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  flex: 0 0 auto;
  margin-left: auto;
}
.astra-article #task-specification > figcaption { display: flex; align-items: flex-start; gap: 12px; }
.astra-article #task-specification > figcaption > span:first-child { flex: 1 1 0; min-width: 0; }
@media (max-width: 640px) {
  .astra-article #task-specification > figcaption > span:first-child { flex-basis: 100%; }
}

.astra-article #task-specification .task-specification-column > .result-chart-heading > span {
  font: 600 11px/1.5 var(--font);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ink);
}

/* Give the agentic studies a clear section break. */
.astra-article #what-does-agentic-scaffolding-contribute > h3 { margin-top: 56px; }