.mbrush-content-grid {
  display: grid;
  gap: clamp(18px, 2vw, 28px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mbrush-content-card {
  background: #fff;
  border: 1px solid #dce5e1;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(17, 42, 33, .05);
  overflow: hidden;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.mbrush-content-card:hover {
  border-color: rgba(0, 168, 107, .45);
  box-shadow: 0 16px 48px rgba(17, 42, 33, .1);
  transform: translateY(-5px);
}

.mbrush-content-card__image {
  display: block;
}

.mbrush-content-card__image img,
.mbrush-content-card__placeholder {
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
  width: 100%;
}

.mbrush-content-card__placeholder {
  background: linear-gradient(135deg, #eef4f1, #dce8e2);
}

.mbrush-content-card__body {
  padding: 1.2rem 1.3rem 1.4rem;
}

.mbrush-content-card__body h3 {
  font-size: 1.25rem;
  margin: 0 0 .55rem;
}

.mbrush-content-card__body h3 a {
  color: #121719;
  text-decoration: none;
}

.mbrush-content-card__body p {
  color: #536064;
  font-size: .95rem;
}

.mbrush-content-card__more {
  color: #087a54;
  font-size: .9rem;
  font-weight: 700;
}

.mbrush-highlights {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.mbrush-highlights li {
  border-bottom: 1px solid #dce5e1;
  padding: .7rem 0 .7rem 1.8rem;
  position: relative;
}

.mbrush-highlights li::before {
  color: #00a86b;
  content: "✓";
  font-weight: 700;
  left: .25rem;
  position: absolute;
}

@media (max-width: 900px) {
  .mbrush-content-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .mbrush-content-grid {
    grid-template-columns: 1fr;
  }
}