/* Framework Venn hero (4-domain diagram from style guide) */
.hero-diagram .framework-venn {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

#hero-framework-venn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

#s4-framework-venn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 320px;
}

#s4-framework-venn .framework-venn,
.s4-diagram .framework-venn {
  width: 100%;
  max-width: 420px;
  height: auto;
  display: block;
  margin-inline: auto;
}

.venn-outlined-modules .venn-cutouts {
  pointer-events: none;
}