/* ===== SaaS Editorial Prose (Ported for Static Blog) ===== */
.prose {
  max-width: 760px;
  margin: 0 auto;
  font-size: 1.05rem;
  line-height: 1.8;
}

.prose p,
.prose ul,
.prose ol {
  margin: 0 0 1.05rem;
}

.prose h2 {
  margin-top: 2.0rem;
  margin-bottom: 0.8rem;
}

.prose h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.6rem;
}

/* Images: calm, consistent, not “marketing loud” */
.prose img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 1.25rem 0;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: #fff;
}

/* Captions: small + subtle */
.prose figure {
  margin: 1.5rem 0;
}

.prose figcaption {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: rgba(15, 23, 42, 0.65);
  line-height: 1.45;
  text-align: center;
}

/* Optional: a “callout image” look for diagrams/screenshots */
.prose .img--frame {
  padding: 0.5rem;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: rgba(15, 23, 42, 0.02);
}