/* Keep translated labels and language menus inside narrow viewports. */
@media (max-width: 720px) {
  .module-bot-selector.module-bot-selector-compact {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .module-bot-selector-compact > * { min-width: 0; max-width: 100%; }
  .module-bot-empty { overflow-wrap: anywhere; }
  .arx-account-topbar-v300149 .arx-language-dropdown {
    inset-inline-start: auto;
    inset-inline-end: 0;
    max-width: calc(100vw - 24px);
  }
  body.arx-public-home-space-page .marketing-nav { gap: 8px; }
  body.arx-public-home-space-page .marketing-brand {
    min-width: 0;
    max-width: 45%;
    flex: 0 1 auto;
  }
  body.arx-public-home-space-page .marketing-brand img { max-width: 100%; object-fit: contain; }
  body.arx-public-home-space-page .marketing-nav-actions {
    min-width: 0;
    flex: 1 1 0;
    justify-content: flex-end;
  }
  body.arx-public-home-space-page .arx-home-language {
    min-width: 0;
    max-width: 160px;
    flex: 0 1 160px;
  }
  body.arx-public-home-space-page .arx-home-language-toggle { min-width: 0; max-width: 100%; }
  body.arx-public-home-space-page .arx-home-language-current { min-width: 0; }
  body.arx-public-home-space-page .arx-home-language-toggle .arx-home-language-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body.arx-public-home-space-page .arx-home-language-menu {
    inset-inline-start: auto;
    inset-inline-end: 0;
    max-width: calc(100vw - 24px);
  }
}

/* Use the logical edge for the Arabic desktop menu as well. */
body.arx-public-home-space-page .arx-home-language-menu {
  inset-inline-start: auto;
  inset-inline-end: 0;
}
@media (max-width: 720px) {
  .music-pool-panel .music-pool-title { flex-wrap: wrap; min-width: 0; max-width: 100%; }
  .music-pool-title > div:first-child { flex: 1 1 180px; min-width: 0; overflow-wrap: anywhere; }
  .music-pool-title .music-pool-capacity { flex: 0 0 auto; max-width: 100%; }
}
@media (max-width: 720px) {
  body.arx-public-home-space-page .setup-hero-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.arx-public-home-space-page .setup-hero-copy { min-width: 0; max-width: 100%; }
  body.arx-public-home-space-page .setup-hero-copy h1 {
    font-size: clamp(30px, 9.2vw, 38px);
    overflow-wrap: anywhere;
    hyphens: auto;
  }
  body.arx-public-home-space-page .setup-hero-copy .marketing-button {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}