/* GRD Blocks — Text + Bullets.
   Reuses the theme's .image-text--grid two-column shell (content left 40%, right column 60%,
   responsive stacking). Right column: undo the icon grid and render the list as a green
   check "features" list (brand green, eucalyptus #42e07a). */

.image-text--bullets .image-text__grid {
  display: block;              /* undo the icon-grid display */
  gap: 0;
  grid-template-columns: none;
}

.image-text--bullets .image-text__bullets ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.image-text--bullets .image-text__bullets li {
  position: relative;
  padding-left: 2.4rem;
  padding-bottom: 1.15rem;
  color: rgb(var(--charcoal, 2 17 33));
  font-size: 1.0625rem;
  line-height: 1.5;
}
.image-text--bullets .image-text__bullets li:last-child {
  padding-bottom: 0;
}

/* green check marker (inline SVG: eucalyptus circle + white tick) */
.image-text--bullets .image-text__bullets li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.1rem;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%2342e07a'/%3E%3Cpath d='M6.6 12.4l3.2 3.2 7.6-7.8' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* if an editor bolds the start of a bullet ("Automated drawings — …"), keep it readable */
.image-text--bullets .image-text__bullets li strong {
  font-weight: 800;
}

@media (max-width: 600px) {
  .image-text--bullets .image-text__bullets li {
    padding-left: 2.1rem;
    font-size: 1rem;
  }
}