.counterexample-workspace {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.38fr);
  gap: 0.75rem;
  align-items: start;
}

.counterexample-workspace > section {
  margin-block: 0;
}

.problem-setup {
  margin-bottom: 0.12in;
  padding: 0.11in 0.14in;
}

.problem-content .problem-setup p {
  margin-bottom: 0.08in;
  font-size: 0.19in;
  line-height: 1.36;
}

.energy-demo {
  margin: 0 0 0.12in;
  padding: 0.08in 0.12in 0.07in;
  background: linear-gradient(135deg, #311015, #5f1b18);
  border: 1px solid #8f3f28;
  border-radius: 0.08in;
  color: #fff8df;
  break-inside: avoid;
}

.energy-demo__track {
  display: grid;
  grid-template-columns: 0.62in auto 0.92in auto 0.62in auto 0.92in auto 0.62in;
  gap: 0.06in;
  align-items: center;
  justify-content: center;
}

.energy-token,
.energy-card {
  position: relative;
  display: grid;
  justify-items: center;
  align-items: center;
}

.energy-token img {
  width: 0.52in;
  height: 0.52in;
  object-fit: contain;
}

.energy-token strong {
  position: absolute;
  top: 0.105in;
  color: #3b0808;
  font-size: 0.22in;
  line-height: 1;
  text-shadow: 0 1px 0 #ffe779;
}

.energy-card img {
  width: 0.82in;
  height: 0.48in;
  object-fit: cover;
  border: 1px solid #f5c968;
  border-radius: 0.04in;
}

.energy-card strong {
  margin-top: 0.015in;
  color: #fff8df;
  font-size: 0.125in;
  line-height: 1.1;
}

.energy-token small,
.energy-card small {
  color: #f4cb82;
  font-size: 0.125in;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.05em;
}

.energy-demo__arrow {
  color: #ffd66e;
  font-size: 0.2in;
  font-weight: 900;
}

.problem-content .energy-demo figcaption {
  margin-top: 0.04in;
  color: #fff8df;
  font-size: 0.125in;
  line-height: 1.3;
  text-align: center;
}

.counterexample-workspace .problem-data,
.counterexample-workspace .problem-question {
  padding: 0.1in 0.12in;
}

.counterexample-workspace .problem-question-header {
  display: block;
  margin-bottom: 0.05in;
}

.problem-content .counterexample-workspace .problem-question .problem-paper-note {
  margin-top: 0.03in;
  text-align: left;
}

.counterexample-workspace .problem-part {
  padding-block: 0.08in;
}

.counterexample-workspace .problem-part + .problem-part {
  margin-top: 0.03in;
}

.problem-content .counterexample-workspace .problem-part-copy p {
  font-size: 0.18in;
  line-height: 1.32;
}

.counterexample-workspace table {
  table-layout: fixed;
}

.counterexample-workspace th:last-child,
.counterexample-workspace td:last-child {
  width: 42%;
  text-align: center;
}

@media (max-width: 700px) {
  .energy-demo__track {
    grid-template-columns: 0.52in auto 0.72in auto 0.52in auto 0.72in auto 0.52in;
    gap: 0.025in;
  }

  .energy-card img {
    width: 0.68in;
    height: 0.42in;
  }

  .counterexample-workspace {
    grid-template-columns: 1fr;
  }
}