/* Keep translated labels inside the original hexagon's diagonal sides.
   The SVG, icon size, aspect ratio and animation wrappers remain authoritative. */
.honeycomb_wrapper .honeycomb_pricing > .gap_4,
.honeycomb_wrapper .center_honeycomb > .gap_4 {
  width: 68%;
  max-width: 68%;
  min-width: 0;
}
.honeycomb_wrapper .circle_heading_small {
  max-width: 100%;
  overflow-wrap: anywhere;
  -webkit-hyphens: auto;
  hyphens: auto;
  text-wrap: balance;
}
.honeycomb_wrapper .circle_text_small {
  max-width: 100%;
  overflow-wrap: anywhere;
  -webkit-hyphens: auto;
  hyphens: auto;
}
/* Below the original composition's width, resize each hexagon proportionally.
   Keep text at its existing size and preserve the overlapping three-column layout. */
@media (max-width: 371px) {
  .honeycomb_wrapper {
    --honeycomb-side: calc((100vw - 24px) * .3850574713);
  }
  .honeycomb_wrapper .two_honeycombs_wrap,
  .honeycomb_wrapper .center_honeycomb_wrap {
    width: var(--honeycomb-side);
    min-width: var(--honeycomb-side);
  }
  .honeycomb_wrapper .two_honeycombs_wrap {
    margin-right: calc(var(--honeycomb-side) * -.2014925373);
  }
  .honeycomb_wrapper .two_honeycombs_wrap.backwards {
    margin-left: calc(var(--honeycomb-side) * -.2014925373);
    margin-right: auto;
  }
}