/* ============================================================
   NOVIRA — help-chitra.css
   Chitra Studio guide. Layered on help-guide.css + help-docs.css.
   The hero is a real Chitra engine render (see the image caption);
   the step crops are captured from the current editor. Nothing on
   this page is hand-drawn to imitate the product.
   ============================================================ */

.cx-hero { margin: -8px 0 48px; }
.cx-hero img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #050507;
}

/* Real UI crops from the current editor */
.cx-crop {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 4px 0 8px;
  border: 1px solid var(--line);
  border-radius: 10px;
}