/* R184: shared language controls; approved hero, globe and player remain untouched. */
@media (min-width: 761px) {
  header .lang.r184LanguageSwitch,
  body[data-route="artist"] header .lang.r184LanguageSwitch {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    clip-path: none !important;
    isolation: auto !important;
  }

  header .lang.r184LanguageSwitch > .r184LanguageTrigger,
  body[data-route="artist"] header .lang.r184LanguageSwitch > .r184LanguageTrigger {
    width: auto !important;
    min-width: 73px !important;
    height: 37px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 9px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(101, 186, 222, .29) !important;
    border-radius: 0 !important;
    background: linear-gradient(123deg, rgba(7, 18, 30, .9), rgba(9, 11, 25, .87)) !important;
    color: rgba(202, 235, 246, .94) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .085em !important;
    clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px) !important;
  }

  .r184SelectedCode { white-space: nowrap; }

  .r184LanguageChevron {
    color: #79e9eb;
    font-size: 11px;
    transition: transform .18s ease;
  }

  .r184LanguageSwitch.is-open .r184LanguageChevron { transform: rotate(180deg); }

  header .lang .r184LanguageMenu {
    position: absolute;
    z-index: 900;
    top: calc(100% + 9px);
    right: 0;
    width: 230px;
    padding: 7px;
    border: 1px solid rgba(93, 189, 223, .31);
    background: linear-gradient(152deg, rgba(5, 12, 23, .989), rgba(8, 9, 22, .986));
    box-shadow: 0 20px 48px rgba(0, 0, 0, .55), inset 0 1px rgba(122, 227, 242, .1);
  }

  header .lang .r184LanguageMenu[hidden] { display: none !important; }

  header .lang .r184LanguageMenu:not([hidden]) { display: grid; gap: 4px; }

  header .lang .r184LanguageMenu .r184LanguageOption,
  body[data-route="artist"] header .lang .r184LanguageMenu .r184LanguageOption {
    width: 100% !important;
    height: 34px !important;
    display: grid !important;
    grid-template-columns: 48px 1fr !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(112, 147, 179, .14) !important;
    background: rgba(12, 17, 29, .74) !important;
    color: rgba(213, 228, 238, .86) !important;
    text-align: left !important;
    clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 5px) !important;
  }

  header .lang .r184LanguageMenu .r184LanguageOption:hover,
  header .lang .r184LanguageMenu .r184LanguageOption.active,
  body[data-route="artist"] header .lang .r184LanguageMenu .r184LanguageOption.active {
    border-color: rgba(102, 232, 231, .39) !important;
    background: linear-gradient(109deg, rgba(34, 111, 126, .33), rgba(75, 54, 129, .21)) !important;
    color: #e4fcff !important;
  }

  .r184OptionCode { color: #79e9eb; font-size: 9px; font-weight: 900; letter-spacing: .055em; }
  .r184OptionName { overflow: hidden; color: inherit; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
}

@media (max-width: 760px) {
  .mobileDrawer .mobileLang.r184MobileLanguages {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 16px !important;
  }

  .mobileDrawer .mobileLang.r184MobileLanguages button {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    padding: 0 4px !important;
    font-size: 11px !important;
  }

  .mobileDrawer .mobileLang.r184MobileLanguages button.active {
    border-color: rgba(97, 227, 234, .6) !important;
    background: linear-gradient(128deg, rgba(64, 203, 218, .27), rgba(110, 82, 190, .23)) !important;
    color: #e2ffff !important;
  }
}

/* Additional scripts deserve a true translated heading instead of a blank SVG. */
[data-view="music"] .musicMetalTitle.r184NativeWord {
  width: auto !important;
  max-width: 100% !important;
  line-height: 1 !important;
}

[data-view="music"] .musicMetalTitle.r184NativeWord .musicTubeLogo { display: none !important; }

[data-view="music"] .musicMetalTitle.r184NativeWord .musicTitleLabel {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 4px 2px 7px !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  font-size: clamp(56px, 8vw, 112px) !important;
  font-weight: 900 !important;
  line-height: .98 !important;
  letter-spacing: .035em !important;
  background: linear-gradient(107deg, #9cefea 0%, #65cbe6 36%, #9391e9 72%, #c070ed 100%) !important;
  color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: none !important;
}

html[data-adi-lang="ko"] .artistStoryModuleR76 h3,
html[data-adi-lang="zh"] .artistStoryModuleR76 h3,
html[data-adi-lang="ko"] .r159FeatureCopy strong,
html[data-adi-lang="zh"] .r159FeatureCopy strong {
  letter-spacing: .025em !important;
  word-break: keep-all !important;
}

@media (min-width: 761px) {
  html[data-adi-lang="fr"] .r159Panel [data-r156-i18n="soundFrequencies"],
  html[data-adi-lang="pt-br"] .r159Panel [data-r156-i18n="soundFrequencies"] {
    font-size: .9em !important;
    letter-spacing: .005em !important;
  }

  html[data-adi-lang="pt-br"] .r172FeatureHeading [data-r156-i18n="creativityLabel"] {
    font-size: .92em !important;
  }
}

@media (max-width: 760px) {
  [data-view="music"] .musicMetalTitle.r184NativeWord .musicTitleLabel {
    font-size: clamp(48px, 13vw, 86px) !important;
  }
}
