/* Dongming hero: keep the dark three-step demo, with a smaller desktop stage. */
#agent-task-demo {
  --sim-success: #87d0f4;
}

#agent-task-demo.is-complete::before {
  background: linear-gradient(90deg, var(--sim-blue), var(--sim-sky));
}

#agent-task-demo.is-complete .dm-hero-task li.is-done:last-child [data-demo-state],
#agent-task-demo.is-complete .snk-agent-output small {
  color: var(--sim-sky);
}

#agent-task-demo.is-complete .snk-agent-output {
  border-color: rgba(135, 208, 244, .34);
  background: rgba(0, 159, 232, .06);
}

/* The existing viewport fitter observes this stage and centers the artwork. */
@media (min-width: 721px) {
  body.page-dongming-ai.has-viewport-hero .snk-hero-stage--agent {
    align-self: center;
    justify-self: center;
    width: 100%;
    height: 88%;
  }
}

/* Portrait tablets have less vertical room beneath the reading copy. */
@media (min-width: 721px) and (max-width: 980px) and (min-height: 821px) {
  body.page-dongming-ai.has-viewport-hero .snk-hero-stage--agent {
    width: 96%;
    height: 94%;
  }
}