/* Compatibility overrides kept separate from the minified landing bundle. */
body {
  overflow-x: hidden;
}

.intl-container {
  width: calc(100% - 40px);
  max-width: 1180px;
}

.intl-hero__grid > * {
  min-width: 0;
}

@media (max-width: 600px) {
  .intl-container {
    width: calc(100% - 28px);
  }

  .intl-nav {
    gap: 10px;
  }

  .intl-brand,
  .intl-actions {
    min-width: 0;
  }

  .intl-hero h1 {
    overflow-wrap: anywhere;
  }
}