.publisher-home-v022 .tool-summary-v014 > .tool-release-status {
  margin-top: -14px;
  color: var(--quiet);
  font-size: 14px;
  line-height: 1.5;
}

.publisher-home-v022 .tool-summary-v014 > .tool-release-status strong {
  color: var(--ink);
  font-weight: 500;
}

.product-page-v022 .product-hero-inner > .release-state {
  max-width: var(--public-copy);
  margin: -2px 0 22px;
  color: var(--quiet);
  font-size: 14px;
  line-height: 1.5;
}

.product-page-v022 .product-hero-inner > .release-state strong {
  color: var(--ink);
  font-weight: 500;
}

.product-page-v022 .finished-example-grid {
  grid-column: 1 / -1;
  margin-top: 22px;
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(220px, 0.55fr);
  gap: clamp(22px, 4vw, 48px);
  align-items: start;
}

.product-page-v022 .release-proof {
  min-width: 0;
  margin: 0;
}

.product-page-v022 .release-proof img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

.product-page-v022 .release-proof-wide img {
  aspect-ratio: 16 / 9;
}

.product-page-v022 .release-proof-mobile {
  width: min(100%, 336px);
  justify-self: center;
}

.product-page-v022 .release-proof-mobile img {
  aspect-ratio: 9 / 16;
}

.product-page-v022 .release-proof figcaption {
  padding-top: 9px;
  color: var(--quiet);
  font-size: 13px;
  line-height: 1.45;
}

.product-page-v022 .release-appearance-grid {
  align-items: start;
}

.product-page-v022 .release-appearance-grid .media-frame img {
  height: auto;
  background: transparent;
  border-radius: 0;
}

@media (max-width: 760px) {
  .product-page-v022 .finished-example-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .product-page-v022 .release-proof-mobile {
    width: min(78%, 330px);
  }
}

@media (max-width: 600px) {
  .publisher-home-v022 .tool-media-frame-v020.publisher-cover-media,
  .product-page-v022 .product-hero-media-v020.publisher-cover-media {
    aspect-ratio: auto;
    overflow: visible;
  }

  .publisher-home-v022 .tool-media-frame-v020.publisher-cover-media > img,
  .product-page-v022 .product-proof-grid .product-hero-media-v020.publisher-cover-media > img {
    position: static;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: auto;
    transform: none;
    object-fit: contain;
    object-position: center;
  }

  .product-page-v022 .product-hero-inner > .release-state {
    order: 5;
    margin: 0 0 18px;
  }

  .product-page-v022 .hero-links {
    order: 6;
  }

  .product-page-v022 .buyer-facts-inline {
    order: 7;
  }
}