.cm-conclusion .conclusion-artboard {
  background: #171b18;
}

.cm-conclusion .conclusion-content {
  display: grid;
  flex: 1 1 auto;
  grid-template-rows: 170px minmax(0, 1fr) 58px;
  gap: 18px;
  min-height: 0;
  padding-top: 22px;
}

.cm-conclusion .conclusion-intro {
  display: grid;
  grid-template-columns: .98fr 1.02fr;
  gap: 42px;
  align-items: center;
  min-width: 0;
}

.cm-conclusion .conclusion-eyebrow {
  display: block;
  margin-bottom: 13px;
  color: #c3f85c;
  font: 800 13px/1 'Space Grotesk', Arial, sans-serif;
  letter-spacing: .14em;
}

#case-content .cm-conclusion .conclusion-intro h3 {
  font: 800 42px/1.02 'Space Grotesk', Arial, sans-serif;
  letter-spacing: -.052em;
}

#case-content .cm-conclusion .conclusion-intro p {
  max-width: 580px;
  font: 500 20px/1.34 'DM Sans', Arial, sans-serif;
}

.cm-conclusion .conclusion-time-note {
  color: #aab5a8;
  font: 700 12px/1.3 'Space Grotesk', Arial, sans-serif;
  letter-spacing: .06em;
}

.cm-conclusion .conclusion-time-note span {
  color: #8e9b8e;
  font: 500 12px/1.3 'DM Sans', Arial, sans-serif;
  letter-spacing: 0;
}

.cm-conclusion .conclusion-format-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  min-height: 0;
}

.cm-conclusion .conclusion-format-card,
.cm-conclusion .conclusion-ecosystem-card,
.cm-conclusion .conclusion-strategy-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  padding: 26px;
  border: 1px solid #a9b9ac55;
  background: linear-gradient(147deg, #242b25 0%, #1c221d 78%);
  box-shadow: inset 0 1px #f5fff314;
}

.cm-conclusion .conclusion-format-card:nth-child(3),
.cm-conclusion .conclusion-ecosystem-card:nth-child(2),
.cm-conclusion .conclusion-strategy-card:nth-child(2) {
  background: linear-gradient(147deg, #262c27 0%, #1d231e 78%);
}

.cm-conclusion .conclusion-card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 94px;
}

.cm-conclusion .conclusion-card-heading small {
  display: block;
  color: #bfc8be;
  font: 800 12px/1.2 'Space Grotesk', Arial, sans-serif;
  letter-spacing: .12em;
}

.cm-conclusion .conclusion-card-heading h4 {
  margin: 9px 0 0;
  color: #fafbf6;
  font: 800 31px/1.02 'Space Grotesk', Arial, sans-serif;
  letter-spacing: -.045em;
}

.cm-conclusion .conclusion-card-heading b {
  display: block;
  margin-top: 10px;
  color: #c3f85c;
  font: 800 13px/1.2 'DM Sans', Arial, sans-serif;
  letter-spacing: .025em;
}

.cm-conclusion .conclusion-game-icons img {
  width: 68px;
  height: 68px;
  border-radius: 13px;
}

.cm-conclusion .conclusion-format-description {
  padding: 20px 0 22px;
  border-top: 1px solid #bdcbbb55;
}

.cm-conclusion .conclusion-format-description > span,
.cm-conclusion .conclusion-strategy-result > span {
  display: block;
  margin-bottom: 12px;
  color: #c3f85c;
  font: 800 12px/1.1 'Space Grotesk', Arial, sans-serif;
  letter-spacing: .13em;
}

#case-content .cm-conclusion .conclusion-format-description p {
  margin: 0;
  color: #e4eae2;
  font: 600 19px/1.38 'DM Sans', Arial, sans-serif;
}

.cm-conclusion .conclusion-format-tags {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  gap: 9px;
  margin-top: auto;
  padding-top: 16px;
}

.cm-conclusion .conclusion-format-tags span {
  padding: 9px 11px 8px;
  border: 1px solid #b7c9ae55;
  color: #cdd7c9;
  font: 700 11px/1 'Space Grotesk', Arial, sans-serif;
  letter-spacing: .05em;
}

.cm-conclusion .conclusion-ecosystem-grid,
.cm-conclusion .conclusion-strategy-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  min-height: 0;
}

.cm-conclusion .conclusion-ecosystem-card .conclusion-card-heading,
.cm-conclusion .conclusion-strategy-card .conclusion-card-heading {
  min-height: 102px;
}

.cm-conclusion .conclusion-conditions,
.cm-conclusion .conclusion-strategy-steps {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-evenly;
  min-height: 0;
}

.cm-conclusion .conclusion-condition,
.cm-conclusion .conclusion-strategy-step {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 16px;
  min-height: 94px;
  padding: 16px 0 14px;
  border-top: 1px solid #b9c7b655;
}

.cm-conclusion .conclusion-condition small,
.cm-conclusion .conclusion-strategy-step small {
  color: #c3f85c;
  font: 800 16px/1.1 'Space Grotesk', Arial, sans-serif;
}

.cm-conclusion .conclusion-condition strong,
.cm-conclusion .conclusion-strategy-step strong {
  display: block;
  margin-bottom: 6px;
  color: #f3f6ef;
  font: 800 16px/1.1 'Space Grotesk', Arial, sans-serif;
  letter-spacing: .04em;
}

#case-content .cm-conclusion .conclusion-condition p,
#case-content .cm-conclusion .conclusion-strategy-step p {
  margin: 0;
  color: #dce4d9;
  font: 600 18px/1.32 'DM Sans', Arial, sans-serif;
}

.cm-conclusion .conclusion-challenge,
.cm-conclusion .conclusion-strategy-result {
  display: grid;
  grid-template-columns: 165px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  min-height: 116px;
  padding: 17px 18px;
  border: 1px solid #cedbcb38;
  border-left: 3px solid #c3f85c;
  background: #10161272;
}

.cm-conclusion .conclusion-challenge span {
  color: #c3f85c;
  font: 800 13px/1.25 'Space Grotesk', Arial, sans-serif;
  letter-spacing: .1em;
}

#case-content .cm-conclusion .conclusion-challenge p,
#case-content .cm-conclusion .conclusion-strategy-result p {
  margin: 0;
  color: #e7ece5;
  font: 700 18px/1.29 'DM Sans', Arial, sans-serif;
}

.cm-conclusion .conclusion-strategy-result > span { margin: 0; }

.cm-conclusion .conclusion-insight {
  gap: 18px;
  border-top: 1px solid #d7dfd337;
}

.cm-conclusion .conclusion-insight strong {
  font: 800 19px/1.16 'Space Grotesk', Arial, sans-serif;
  letter-spacing: -.025em;
  white-space: normal;
}

.cm-conclusion .conclusion-insight small {
  font: 700 12px/1 'Space Grotesk', Arial, sans-serif;
  letter-spacing: .05em;
}

.cm-conclusion .conclusion-navigation {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  flex: none;
  gap: 8px;
  margin-top: 10px;
  height: 48px;
}

.cm-conclusion .conclusion-navigation button {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 15px;
  border: 1px solid #acb9aa55;
  background: #1d241e;
  color: #aebbad;
  text-align: left;
  cursor: pointer;
}

.cm-conclusion .conclusion-navigation button:hover,
.cm-conclusion .conclusion-navigation button:focus-visible {
  border-color: #c3f85c;
  color: #f5f8ef;
}

.cm-conclusion .conclusion-navigation button.active {
  border-color: #c3f85c;
  background: #c3f85c;
  color: #182018;
}

.cm-conclusion .conclusion-navigation small {
  font: 800 15px/1 'Space Grotesk', Arial, sans-serif;
}

.cm-conclusion .conclusion-navigation span {
  font: 800 13px/1 'Space Grotesk', Arial, sans-serif;
  letter-spacing: .09em;
}

/* Page hierarchy: the evidence boundary leads, content examples support it. */
.cm-conclusion[data-conclusion-current="1"] .conclusion-intro {
  grid-template-columns: .9fr 1.1fr;
}

#case-content .cm-conclusion[data-conclusion-current="1"] .conclusion-intro h3 {
  font-size: 46px;
}

#case-content .cm-conclusion[data-conclusion-current="1"] .conclusion-intro-copy p {
  font-size: 18px;
  line-height: 1.6;
}

.cm-conclusion[data-conclusion-current="1"] .conclusion-intro-copy p b {
  display: inline-block;
  min-width: 50px;
  color: #c3f85c;
  font: 800 17px/1 'Space Grotesk', Arial, sans-serif;
}

.cm-conclusion[data-conclusion-current="1"] .conclusion-intro-copy p strong {
  display: inline-block;
  margin-top: 5px;
  color: #f5f8f1;
  font-weight: 800;
}

.cm-conclusion .conclusion-format-card {
  border-top: 2px solid #95a596;
}

.cm-conclusion .conclusion-format-card .conclusion-card-heading {
  min-height: 132px;
}

.cm-conclusion .conclusion-format-card .conclusion-card-heading > div:first-child {
  flex: 1;
  min-width: 0;
}

.cm-conclusion .conclusion-format-card .conclusion-game-icons {
  flex: none;
}

.cm-conclusion .conclusion-gameplay-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 14px;
}

.cm-conclusion .conclusion-gameplay-tags span {
  padding: 6px 8px;
  border: 1px solid #a9b9ac66;
  border-radius: 3px;
  color: #d8e2d4;
  font: 700 11px/1 'Space Grotesk', Arial, sans-serif;
  white-space: nowrap;
}

#case-content .cm-conclusion .conclusion-format-description p strong {
  display: block;
  margin: 0 0 12px;
  color: #f8faf4;
  font: 800 27px/1.08 'Space Grotesk', Arial, sans-serif;
  letter-spacing: -.035em;
}

#case-content .cm-conclusion .conclusion-format-description p small {
  display: block;
  max-width: 31ch;
  color: #bfcbbd;
  font: 500 17px/1.32 'DM Sans', Arial, sans-serif;
}

.cm-conclusion .conclusion-format-tags span {
  font-size: 10px;
  color: #aebdab;
}

.cm-conclusion .conclusion-ecosystem-card .conclusion-card-heading small,
.cm-conclusion .conclusion-strategy-card .conclusion-card-heading small {
  color: #c3f85c;
}

.cm-conclusion .conclusion-condition strong,
.cm-conclusion .conclusion-strategy-step strong {
  font-size: 17px;
}

#case-content .cm-conclusion .conclusion-condition p,
#case-content .cm-conclusion .conclusion-strategy-step p {
  font-size: 18px;
  color: #d4dfd2;
}

#case-content .cm-conclusion .conclusion-challenge p {
  font: 800 22px/1.18 'Space Grotesk', Arial, sans-serif;
  letter-spacing: -.025em;
}

.cm-conclusion[data-conclusion-current="3"] .conclusion-strategy-card {
  border-top: 3px solid #c3f85c;
  background: linear-gradient(147deg, #263027 0%, #1c241d 78%);
}

.cm-conclusion[data-conclusion-current="3"] .conclusion-strategy-result p {
  font-size: 19px;
}