
.cc_o1q2vula_B8QNSy5aqf .bb-blogcard, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard {
  display: flex;
  min-width: 0;
}

.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__link, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__link {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--bb-line);
  border-radius: var(--bb-radius-xl);
  background: var(--bb-white);
  color: var(--bb-ink);
  text-decoration: none;
  transition: transform var(--bb-transition), box-shadow var(--bb-transition);
}

.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__link:hover, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__link:hover {
  transform: translateY(-2px);
  box-shadow: var(--bb-shadow-md);
}

.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__link:focus-visible, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__link:focus-visible {
  outline: none;
  box-shadow: var(--bb-focus-ring);
}

.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__media, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__media {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__media--pink-soft, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__media--pink-soft { background: var(--bb-pink-soft); }
.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__media--oat, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__media--oat { background: var(--bb-tint-oat); }
.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__media--sage, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__media--sage { background: var(--bb-tint-sage); }
.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__media--butter, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__media--butter { background: var(--bb-tint-butter); }
.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__media--blush, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__media--blush { background: var(--bb-tint-blush); }
.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__media--sky, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__media--sky { background: var(--bb-tint-sky); }

.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__img, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__link:hover .bb-blogcard__img, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__link:hover .bb-blogcard__img {
  transform: scale(1.03);
}

.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__body, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--bb-space-2);
  padding: var(--bb-space-5);
}

.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__category, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__category {
  color: var(--bb-green-ink);
  font-size: var(--bb-text-xs);
  font-weight: var(--bb-weight-bold);
  letter-spacing: var(--bb-tracking-eyebrow);
  text-transform: uppercase;
}

.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__title, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__title {
  margin: 0;
  font-family: var(--bb-font-display);
  font-variant-numeric: lining-nums;
  font-size: var(--bb-text-xl);
  font-weight: var(--bb-weight-semibold);
  line-height: var(--bb-leading-snug);
  overflow-wrap: break-word;
}

/* Three lines keep cards even; the full summary is on the post page */
.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__summary, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__summary {
  display: -webkit-box;
  overflow: hidden;
  color: var(--bb-ink-soft);
  font-size: var(--bb-text-sm);
  line-height: var(--bb-leading-body);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.cc_o1q2vula_B8QNSy5aqf .bb-blogcard__date, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__date {
  margin-top: auto;
  padding-top: var(--bb-space-2);
  color: var(--bb-muted);
  font-size: var(--bb-text-xs-plus);
  font-weight: var(--bb-weight-semibold);
}

@media (prefers-reduced-motion: reduce) {
  .cc_o1q2vula_B8QNSy5aqf .bb-blogcard__link, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__link, .cc_o1q2vula_B8QNSy5aqf .bb-blogcard__img, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__img {
    transition: none;
  }

  .cc_o1q2vula_B8QNSy5aqf .bb-blogcard__link:hover, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__link:hover, .cc_o1q2vula_B8QNSy5aqf .bb-blogcard__link:hover .bb-blogcard__img, .cc_o1q2vula_ULqzzCpaDQ .bb-blogcard__link:hover .bb-blogcard__img {
    transform: none;
  }
}
