/* Shared controls for the section currently being compared. */
.design-menu-versions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
[data-hero-version='4'] .design-menu:has(#hero-design-controls[hidden]) { inset: auto 12px 12px auto; top: auto; left: auto; transform: none; }
@media (max-width: 850px) {
  .design-menu-versions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body[data-hero-version='4'] .design-menu-versions button { min-width: 0; padding-inline: 6px; }
}