/* The recommended builds on modifier and guide pages use this markup too. */
.recsigil > .insig > a,
#helbase-static-share .recsigil > .insig > a,
.hexagon > .insig > a,
#helbase-static-share .hexagon > .insig > a {
  width: calc(70% + 4px);
}

.recsigil > .insig > a > img,
#helbase-static-share .recsigil > .insig > a > img,
.hexagon > .insig > a > img,
#helbase-static-share .hexagon > .insig > a > img {
  width: 100%;
  max-width: 100% !important;
  height: auto;
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
  object-fit: cover;
  align-self: center;
  transition: transform .5s ease-out !important;
}

/* Both halves use the same width, regardless of captions or image sources. */
.hexagon > .insig,
#helbase-static-share .hexagon > .insig {
  flex: 1 1 0;
  min-width: 0;
}
.hexagon > .insig > a,
#helbase-static-share .hexagon > .insig > a {
  max-width: 78.2px;
}