.evidence-callout {
  display: grid;
  grid-template-columns: minmax(280px, 0.45fr) minmax(0, 1fr);
  gap: 38px;
  align-items: center;
  margin: 28px 0;
  padding: 24px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: linear-gradient(135deg, rgba(52, 88, 220, 0.14), rgba(126, 255, 82, 0.07));
}

.evidence-number {
  color: var(--neon-green);
  font-size: clamp(48px, 8vw, 78px);
  font-weight: 900;
  line-height: 0.9;
  letter-spacing: -0.06em;
}

.evidence-number span {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.evidence-callout p {
  margin: 0;
}

.inference-figure {
  margin: 28px 0;
}

.inference-figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius);
  box-shadow: var(--shadow-md);
}

.inference-figure figcaption {
  margin-top: 10px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.benchmark-table-wrap {
  margin: 24px 0;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.benchmark-table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  color: var(--muted);
  font-size: 14px;
}

.benchmark-table th,
.benchmark-table td {
  padding: 13px 15px;
  border-bottom: 1px solid var(--line);
  text-align: right;
}

.benchmark-table th:first-child,
.benchmark-table td:first-child {
  text-align: left;
}

.benchmark-table th {
  color: var(--text);
  background: rgba(255, 255, 255, 0.045);
  font-size: 11px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.benchmark-table tr:last-child td {
  border-bottom: 0;
}

.benchmark-table .highlight {
  color: var(--neon-green);
  font-weight: 900;
}

.draft-note {
  padding: 18px 20px;
  border-left: 3px solid var(--gold);
  background: rgba(242, 184, 75, 0.06);
}

.asset-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.asset-links a {
  padding: 8px 11px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--neon-green);
  font-size: 13px;
  font-weight: 800;
}

@media (max-width: 720px) {
  .evidence-callout {
    align-items: flex-start;
    grid-template-columns: 1fr;
  }
}
