/* Stable contrast for industry application copy. This file is versioned separately
   so browsers cannot reuse the pre-fix immutable stylesheet. */
.section-page-grid > .section.transformer .industry-case-card p,
.section-page-grid > .section.transformer .industry-case-card li,
.section-page-grid > .section.transformer .transformer-panel p,
.section-page-grid > .section.transformer .transformer-panel li,
.section-page-grid > .section.transformer .transformer-card dd {
  color: #f4fbff !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);
}

/* Keep the portrait catalog artwork sharp and proportional at every width. */
.section-page-grid > .section.catalog .catalog-grid .catalog-frame {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 3 / 4;
  overflow: hidden;
}

.section-page-grid > .section.catalog .catalog-grid .catalog-frame img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  object-fit: contain !important;
  object-position: center;
  transform: none !important;
  image-rendering: auto;
}

@media (max-width: 860px) {
  .section-page-grid > .section.catalog .catalog-grid .catalog-frame {
    aspect-ratio: 3 / 4;
  }
}

.section-page-grid > .section.transformer .industry-case-card p {
  display: block !important;
  min-height: 3.6em;
}

.section-page-grid > .section.transformer .transformer-panel li,
.section-page-grid > .section.transformer .transformer-steps li {
  display: list-item !important;
  min-height: 1.8em;
}

.section-page-grid > .section.transformer .industry-case-card .transformer-list {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}