/* DEC CMS: preserve editor-entered case, breaks and list item ordering.
   Whitespace, repeated spaces, blank lines and user-entered line breaks
   are displayed literally; Blade / React escape all text (no raw HTML). */
#main .dec-managed-copy {
  white-space: pre-wrap;
  text-transform: none !important;
  overflow-wrap: anywhere;
}

/* The existing home heading relied on a hardcoded <span> for its newline.
   The managed heading now uses the exact newline typed in the editor. */
#main .dec-v3-hero-copy h1.dec-managed-copy,
#main .dec-v3-about-copy h2.dec-managed-copy,
#main .dec-v3-heading-row h2.dec-managed-copy {
  white-space: pre-wrap;
}

/* Keep the existing impact photo gradient but let the CMS choose its picture. */
#main .dec-v3-impact::after {
  background-image: var(--dec-managed-impact-image, url('/images/dec-reference/industrial-evening.webp')) !important;
}

/* Ordered milestones can grow or shrink without overflowing at desktop sizes. */
@media (min-width: 901px) {
  #main .dec-about-timeline {
    grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr));
    row-gap: 20px;
  }
}

/* The bullet shape remains the approved DEC design, but text uses the
   editor's line breaks instead of being forced into one collapsed line. */
#main .dec-about-check-list li.dec-managed-copy,
#main .dec-about-milestone p.dec-managed-copy {
  white-space: pre-wrap;
}

/* Any newly uploaded Vision photo should cover, not stretch to 100% x 100%.
   Preserve the approved panorama's exact existing placement as a fallback. */
#main .dec-ops-v5-vision-background.dec-managed-vision-background-upload {
  background-size: cover;
  background-position: center;
}


/* About Us impact uses its own CMS image (distinct from Homepage impact).
   Keep DEC's existing gradient, responsive crop and heading contrast. */
#main .dec-about-impact::before {
  background-image: var(--dec-about-impact-image, url('/images/dec-reference/twilight-refinery-impact.webp'));
  background-position: center 55%;
}

:root { --dec-impact-revision: dec-impact-v19; }
