/* DE Resource Cards (blog). Up to three equal columns of DE Card; every rule is scoped to this widget so cards elsewhere are untouched. */
[data-de26].de26-blog-cards { container-type: inline-size; }
[data-de26].de26-blog-cards .de26-blog-cards__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--de26-gap-3x);
  align-items: stretch;
  justify-items: stretch;
}
[data-de26].de26-blog-cards .de26-blog-cards__grid > * { min-width: 0; }
[data-de26].de26-blog-cards .de26-card { height: 100%; }
[data-de26].de26-blog-cards .de26-card__image {
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
[data-de26].de26-blog-cards .de26-card__title { overflow-wrap: anywhere; }
[data-de26].de26-blog-cards .de26-card__copy { overflow-wrap: anywhere; }
[data-de26].de26-blog-cards .de26-card__action { margin-top: auto; }

/* Two columns, then one: by viewport and by the width of the column the widget sits in. */
@container (max-width: 860px) {
  [data-de26].de26-blog-cards .de26-blog-cards__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  [data-de26].de26-blog-cards .de26-blog-cards__grid { grid-template-columns: minmax(0, 1fr); }
}
@container (max-width: 640px) {
  [data-de26].de26-blog-cards .de26-blog-cards__grid { grid-template-columns: minmax(0, 1fr); }
}