/* Editorial cards follow the reference template's full-frame imagery and type contrast. */
#ai-integration .mxd-blog-preview__media {
  height: auto;
  aspect-ratio: 4 / 5;
  max-height: 60rem;
  margin-bottom: 2.4rem;
  background: var(--base-tint);
}
#ai-integration .theo-article-image {
  position: absolute;
  inset: 0;
  height: 100% !important;
  aspect-ratio: auto;
}
#ai-integration .theo-article-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#ai-integration .mxd-blog-preview__media::after {
  content: "";
  position: absolute;
  inset: 55% 0 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, .55));
  pointer-events: none;
}
#ai-integration .mxd-blog-preview__tags {
  left: 2.4rem;
  right: 2.4rem;
  bottom: 2.4rem;
  width: auto;
  padding: 0;
  gap: .6rem;
  z-index: 2;
}
#ai-integration .mxd-blog-preview__tags .tag {
  color: #fff;
  background: rgba(22, 22, 22, .76);
  border-color: rgba(255, 255, 255, .5);
  font-size: 1.2rem;
  line-height: 1.3;
  min-height: 3.4rem;
  padding: .7rem 1.2rem;
}
#ai-integration .mxd-blog-preview__data {
  padding: 0 2.4rem;
}
#ai-integration .theo-editorial-card-title {
  font: normal var(--fw-regular) clamp(2.2rem, 2vw, 3rem) / 1.2 var(--_font-accent);
  letter-spacing: -.025em;
  margin: 0 0 1.6rem;
}
#ai-integration .theo-editorial-card-title a {
  font: inherit;
  color: var(--t-medium);
}
#ai-integration .theo-editorial-card-title a span {
  color: var(--t-bright);
  font-weight: var(--fw-medium);
}
#ai-integration .mxd-blog-preview__data .theo-article-description {
  font: normal 400 1.6rem / 1.65 var(--_font-default);
  color: var(--t-medium);
  margin: 0;
  max-width: 44ch;
}
#ai-integration .mxd-blog-preview__data .theo-ai-proof {
  font: normal 500 1.15rem / 1.5 var(--_font-default);
  letter-spacing: .065em;
  text-transform: uppercase;
  color: var(--t-muted);
  margin: 2rem 0 0;
}
@media (min-width: 1200px) {
  #ai-integration .theo-editorial-card-title { min-height: 3.6em; }
}
@media (max-width: 767px) {
  #ai-integration .mxd-blog-preview__media { margin-bottom: 2rem; }
  #ai-integration .mxd-blog-preview__tags { left: 2rem; right: 2rem; bottom: 2rem; }
  #ai-integration .mxd-blog-preview__data { padding: 0 2rem; }
  #ai-integration .mxd-blog-preview__data .theo-article-description { font-size: 1.5rem; }
}