.data-governance-page .governance-product {
  display: grid;
  grid-template-columns: minmax(160px, 240px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 4.5rem);
}
.data-governance-page .governance-product-cover {
  display: block;
  width: 100%;
  height: auto;
  transform: rotate(-3deg);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .3);
}
.data-governance-page .governance-product h2 { font-size: clamp(2.2rem, 4vw, 3.8rem); }
.data-governance-page .governance-product-facts {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem 1.4rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
  font-size: .75rem;
  color: #ffad8d;
}
.data-governance-page .governance-dialog .product-offer { flex-wrap: wrap; }
.data-governance-page .governance-dialog .product-actions { min-width: 0; }
.data-governance-page .governance-dialog [aria-disabled="true"] { cursor: not-allowed; }
.data-governance-page :is(.governance-product, .governance-dialog) :focus-visible {
  outline: 3px solid var(--orange-dark);
  outline-offset: 5px;
}
@media (max-width: 760px) {
  .data-governance-page .governance-product { grid-template-columns: 1fr; }
  .data-governance-page .governance-product-cover { width: min(220px, 70%); margin-inline: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .data-governance-page .governance-dialog { scroll-behavior: auto; }
}