/* Full-frame artwork, scoped to the four thumbnail listings. */
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .blog-card-image,
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .card-visual {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f8fbff !important;
}
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .blog-card-image img,
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .card-visual .card-preview-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
  transform: none !important;
}
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .card-visual::before,
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .card-visual-grid,
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .card-visual .card-category {
  display: none !important;
}

/* Compact listing hierarchy and self-contained actions. */
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .dex-listing-group-heading { margin: 0 0 24px !important; text-align: center; }
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .dex-listing-group-heading h2 { font-size: 22px !important; line-height: 1.3 !important; font-weight: 600 !important; color: #fde68a !important; margin: 0 !important; }
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .blog-card { height: auto !important; min-height: 0 !important; }
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .blog-card-content { padding: 24px !important; gap: 16px !important; height: auto !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; }
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .blog-card-title { margin: 0 !important; min-height: 0 !important; height: auto !important; }
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .blog-card-description { text-align: left !important; margin: 0 !important; height: auto !important; min-height: 0 !important; line-height: 1.6 !important; display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; }
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .product-desc-line { display: contents !important; }
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .dex-listing-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px; align-self: flex-start !important; min-height: 44px !important; padding: 12px 20px !important; margin: auto 0 0 !important; border: 1px solid #2563eb !important; border-radius: 10px !important; background: #2563eb !important; color: #fff !important; font: 600 14px/1.4 Manrope, sans-serif !important; text-decoration: none !important; position: static !important; transform: none !important; opacity: 1 !important; box-shadow: none !important; }
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .dex-listing-button:hover { background: #1e40af !important; }
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .dex-listing-button:focus-visible { outline: 3px solid #fbbf24; outline-offset: 3px; }
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .dex-listing-button svg { width: 16px; height: 16px; flex: 0 0 auto; }
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .product-group-divider { margin: 32px auto !important; }
@layer dex-supporting-typography {
  html body[data-dex-thumbnail-listing] .dex-listing-group-heading h2 {
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
  }
}
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .blog-card-description,
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .blog-card-title {
  max-height: none !important;
  flex: 0 0 auto !important;
}
html body[data-dex-thumbnail-listing][data-dex-thumbnail-listing][data-dex-thumbnail-listing] .dex-listing-button {
  flex-shrink: 0 !important;
}

/* Story artwork is separate from retained customer identity marks. */
html body[data-dex-thumbnail-listing] .success-stories-item.has-story-thumbnail {
  padding: 0 !important;
  gap: 0 !important;
}
html body[data-dex-thumbnail-listing] .story-thumbnail {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #f8fbff;
}
html body[data-dex-thumbnail-listing] .story-thumbnail img {
  display: block; width: 100%; height: 100%; object-fit: contain;
}
html body[data-dex-thumbnail-listing] .story-details {
  display: flex; flex-direction: column; gap: 20px; padding: 24px;
  width: 100%; box-sizing: border-box; flex: 1;
}
html body[data-dex-thumbnail-listing] .story-content {
  gap: 16px; min-width: 0; flex: 1;
}
html body[data-dex-thumbnail-listing] .story-title,
html body[data-dex-thumbnail-listing] .story-summary {
  margin: 0 !important; max-height: none !important;
}
html body[data-dex-thumbnail-listing] .story-summary {
  text-align: left !important; line-height: 1.6;
}
html body[data-dex-thumbnail-listing] .success-stories-item .dex-listing-button {
  margin-top: auto !important;
}