/* Market Evidence v2.10.3 — Full Responsive Header Audit Closure
   Scope: customer top header only. Loaded last.
   Purpose: one deterministic two-row / three-column control matrix that stays
   on the RIGHT of the brand at every supported width in browser and PWA.
   This replaces the accumulated header patch stack with one geometry contract. */

.topbar.me-header-final,
body.smart-header-compact .topbar.me-header-final {
  --me-h-top: 42px;
  --me-h-bottom: 30px;
  --me-h-row-gap: 4px;
  --me-h-col-gap: 8px;
  --me-h-c1: 150px;
  --me-h-c2: 190px;
  --me-h-c3: 154px;
  --me-h-radius: 10px;
}

.topbar.me-header-final *,
.topbar.me-header-final *::before,
.topbar.me-header-final *::after { box-sizing: border-box; }

/* The final header owns layout. Historical compact/short-screen selectors may
   style colors, but they may not change structural geometry. */
.topbar.me-header-final .topbar-inner,
body.smart-header-compact .topbar.me-header-final .topbar-inner {
  width: min(100%, 1600px) !important;
  max-width: 1600px !important;
  margin-inline: auto !important;
  padding: .46rem .68rem !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  column-gap: .70rem !important;
  row-gap: 0 !important;
  min-width: 0 !important;
}

/* --------------------------------------------------------------------------
   Brand lane
   -------------------------------------------------------------------------- */
.topbar.me-header-final .brand-wrap,
body.smart-header-compact .topbar.me-header-final .brand-wrap {
  display: grid !important;
  grid-template-columns: 42px 44px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: .42rem !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.topbar.me-header-final .brand-wrap > .section-menu-btn,
body.smart-header-compact .topbar.me-header-final .brand-wrap > .section-menu-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
}
.topbar.me-header-final .brand-wrap > .section-menu-btn > span[data-i18n="sections"] { display: none !important; }
.topbar.me-header-final .brand-logo,
body.smart-header-compact .topbar.me-header-final .brand-logo {
  display: block !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
}
.topbar.me-header-final .brand-copy,
body.smart-header-compact .topbar.me-header-final .brand-copy {
  display: grid !important;
  gap: .12rem !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
}
.topbar.me-header-final .brand-line,
body.smart-header-compact .topbar.me-header-final .brand-line {
  display: flex !important;
  align-items: center !important;
  gap: .34rem !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}
.topbar.me-header-final .brand,
body.smart-header-compact .topbar.me-header-final .brand {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: clamp(1rem, .94rem + .24vw, 1.26rem) !important;
  line-height: 1.05 !important;
}
.topbar.me-header-final .workspace-badge,
body.smart-header-compact .topbar.me-header-final .workspace-badge {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
.topbar.me-header-final .tagline,
.topbar.me-header-final .brand-copy .tagline,
body.smart-header-compact .topbar.me-header-final .tagline,
body.smart-header-compact .topbar.me-header-final .brand-copy .tagline {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: .70rem !important;
  line-height: 1.1 !important;
}

/* --------------------------------------------------------------------------
   Right-side controls: one grid, six aligned cells.
   row 1: Watchlist | Language | Account
   row 2: Market Data | First Visit Guide | Tips + Help
   -------------------------------------------------------------------------- */
.topbar.me-header-final .top-actions,
body.smart-header-compact .topbar.me-header-final .top-actions {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-self: end !important;
  align-self: center !important;
  flex: none !important;
}
.topbar.me-header-final .header-command-group,
body.smart-header-compact .topbar.me-header-final .header-command-group {
  display: grid !important;
  grid-template-columns: var(--me-h-c1) var(--me-h-c2) var(--me-h-c3) !important;
  grid-template-rows: var(--me-h-top) var(--me-h-bottom) !important;
  column-gap: var(--me-h-col-gap) !important;
  row-gap: var(--me-h-row-gap) !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Flatten only structural wrappers so every visible control participates in
   the same grid. The wrappers carry no semantic role. */
.topbar.me-header-final .watchlist-header-slot.top-center-radar,
.topbar.me-header-final .watchlist-header-slot.top-center-radar.has-watch-alert,
body.smart-header-compact .topbar.me-header-final .watchlist-header-slot.top-center-radar,
body.smart-header-compact .topbar.me-header-final .watchlist-header-slot.top-center-radar.has-watch-alert,
.topbar.me-header-final .header-control-stack,
body.smart-header-compact .topbar.me-header-final .header-control-stack,
.topbar.me-header-final .header-account-row,
body.smart-header-compact .topbar.me-header-final .header-account-row,
.topbar.me-header-final .header-guidance-row.market-data-tip-stack,
body.smart-header-compact .topbar.me-header-final .header-guidance-row.market-data-tip-stack {
  display: contents !important;
}

/* Column 1 */
.topbar.me-header-final .watchlist-header-btn.radar-center-btn,
.topbar.me-header-final .watchlist-header-slot.has-watch-alert .watchlist-header-btn,
body.smart-header-compact .topbar.me-header-final .watchlist-header-btn.radar-center-btn {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: .22rem .38rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .24rem !important;
  overflow: hidden !important;
}
.topbar.me-header-final .watchlist-header-btn .radar-center-copy {
  min-width: 0 !important;
  overflow: hidden !important;
}
.topbar.me-header-final .watchlist-header-btn .radar-center-copy strong,
.topbar.me-header-final .watchlist-header-btn .radar-center-copy small {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1 !important;
}
.topbar.me-header-final .watchlist-market-data.demo-pill,
.topbar.me-header-final .watchlist-header-slot.has-watch-alert .watchlist-market-data.demo-pill,
body.smart-header-compact .topbar.me-header-final .watchlist-market-data.demo-pill {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: .10rem .24rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-size: .60rem !important;
  line-height: 1 !important;
}
/* Alert overlays the Watchlist cell and therefore never creates a new lane. */
.topbar.me-header-final .watch-alert-header-notice,
body.smart-header-compact .topbar.me-header-final .watch-alert-header-notice {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: start !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  z-index: 3 !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  margin: 2px 0 0 2px !important;
  padding: 0 !important;
}
.topbar.me-header-final .watch-alert-header-copy { display: none !important; }

/* Column 2 */
.topbar.me-header-final .header-language-control,
body.smart-header-compact .topbar.me-header-final .header-language-control {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
}
.topbar.me-header-final .header-language-control > span { display: none !important; }
.topbar.me-header-final .header-language-control select,
body.smart-header-compact .topbar.me-header-final .header-language-control select {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: .24rem 1.45rem .24rem .52rem !important;
  font-size: .88rem !important;
  line-height: 1 !important;
}
.topbar.me-header-final .header-first-use-launch.first-use-launch,
body.smart-header-compact .topbar.me-header-final .header-first-use-launch.first-use-launch {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: .10rem .34rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .22rem !important;
  font-size: .61rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.topbar.me-header-final .header-first-use-launch.first-use-launch > span:last-child {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Column 3 */
.topbar.me-header-final .account-header-btn,
body.smart-header-compact .topbar.me-header-final .account-header-btn {
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: .24rem .50rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .30rem !important;
  overflow: hidden !important;
}
.topbar.me-header-final #accountBtnLabel {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.topbar.me-header-final .guided-tips-controls,
body.smart-header-compact .topbar.me-header-final .guided-tips-controls {
  grid-column: 3 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--me-h-bottom) !important;
  column-gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  align-items: stretch !important;
}
.topbar.me-header-final .header-control-stack .guided-tips-toggle,
body.smart-header-compact .topbar.me-header-final .header-control-stack .guided-tips-toggle {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: .08rem .22rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .14rem !important;
  font-size: .57rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.topbar.me-header-final .header-control-stack .guided-tip-replay,
body.smart-header-compact .topbar.me-header-final .header-control-stack .guided-tip-replay {
  width: var(--me-h-bottom) !important;
  min-width: var(--me-h-bottom) !important;
  max-width: var(--me-h-bottom) !important;
  height: var(--me-h-bottom) !important;
  min-height: var(--me-h-bottom) !important;
  max-height: var(--me-h-bottom) !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: .67rem !important;
  line-height: 1 !important;
}

/* Browser-native installation only. The compatibility stub must never reserve
   header space, including while an older shell is being replaced. */
.topbar.me-header-final #installBtn,
body.smart-header-compact .topbar.me-header-final #installBtn,
#installBtn[data-compat="legacy-install-binding"] { display: none !important; }

/* --------------------------------------------------------------------------
   Resized desktop / landscape tablet
   -------------------------------------------------------------------------- */
@media (min-width: 900px) and (max-width: 1199px) {
  .topbar.me-header-final,
  body.smart-header-compact .topbar.me-header-final {
    --me-h-top: 40px;
    --me-h-bottom: 28px;
    --me-h-col-gap: 7px;
    --me-h-c1: 126px;
    --me-h-c2: 160px;
    --me-h-c3: 142px;
  }
  .topbar.me-header-final .topbar-inner,
  body.smart-header-compact .topbar.me-header-final .topbar-inner {
    padding: .42rem .58rem !important;
    column-gap: .54rem !important;
  }
  .topbar.me-header-final .brand-wrap,
  body.smart-header-compact .topbar.me-header-final .brand-wrap {
    grid-template-columns: 38px 40px minmax(0,1fr) !important;
    gap: .32rem !important;
  }
  .topbar.me-header-final .brand-wrap > .section-menu-btn,
  body.smart-header-compact .topbar.me-header-final .brand-wrap > .section-menu-btn {
    width:38px !important; min-width:38px !important; max-width:38px !important;
    height:38px !important; min-height:38px !important; max-height:38px !important;
  }
  .topbar.me-header-final .brand-logo,
  body.smart-header-compact .topbar.me-header-final .brand-logo {
    width:40px !important; min-width:40px !important; max-width:40px !important;
    height:40px !important; min-height:40px !important; max-height:40px !important;
  }
  .topbar.me-header-final .workspace-badge,
  body.smart-header-compact .topbar.me-header-final .workspace-badge { display:none !important; }
  .topbar.me-header-final .tagline,
  .topbar.me-header-final .brand-copy .tagline,
  body.smart-header-compact .topbar.me-header-final .tagline,
  body.smart-header-compact .topbar.me-header-final .brand-copy .tagline { display:none !important; }
  .topbar.me-header-final .watchlist-header-btn .radar-center-icon { display:none !important; }
  .topbar.me-header-final .watchlist-header-btn .radar-center-copy small { display:none !important; }
  .topbar.me-header-final .header-language-control select { font-size:.80rem !important; }
  .topbar.me-header-final .header-first-use-launch.first-use-launch { font-size:.57rem !important; }
}

/* --------------------------------------------------------------------------
   Tablet / foldable: SAME ROW as brand. This is the key correction for the
   real-device layout that previously dropped all controls below the logo.
   -------------------------------------------------------------------------- */
@media (min-width: 720px) and (max-width: 899px) {
  .topbar.me-header-final,
  body.smart-header-compact .topbar.me-header-final {
    --me-h-top: 38px;
    --me-h-bottom: 27px;
    --me-h-col-gap: 6px;
    --me-h-c1: 116px;
    --me-h-c2: 145px;
    --me-h-c3: 124px;
  }
  .topbar.me-header-final .topbar-inner,
  body.smart-header-compact .topbar.me-header-final .topbar-inner {
    grid-template-columns: minmax(225px,1fr) auto !important;
    padding: .38rem .48rem !important;
    column-gap: .44rem !important;
  }
  .topbar.me-header-final .brand-wrap,
  body.smart-header-compact .topbar.me-header-final .brand-wrap {
    grid-template-columns: 36px 38px minmax(0,1fr) !important;
    gap: .28rem !important;
  }
  .topbar.me-header-final .brand-wrap > .section-menu-btn,
  body.smart-header-compact .topbar.me-header-final .brand-wrap > .section-menu-btn {
    width:36px !important; min-width:36px !important; max-width:36px !important;
    height:36px !important; min-height:36px !important; max-height:36px !important;
  }
  .topbar.me-header-final .brand-logo,
  body.smart-header-compact .topbar.me-header-final .brand-logo {
    width:38px !important; min-width:38px !important; max-width:38px !important;
    height:38px !important; min-height:38px !important; max-height:38px !important;
  }
  .topbar.me-header-final .brand { font-size:.94rem !important; }
  .topbar.me-header-final .workspace-badge,
  body.smart-header-compact .topbar.me-header-final .workspace-badge,
  .topbar.me-header-final .tagline,
  .topbar.me-header-final .brand-copy .tagline,
  body.smart-header-compact .topbar.me-header-final .tagline,
  body.smart-header-compact .topbar.me-header-final .brand-copy .tagline { display:none !important; }
  .topbar.me-header-final .watchlist-header-btn .radar-center-icon,
  .topbar.me-header-final .watchlist-header-btn .radar-center-copy small { display:none !important; }
  .topbar.me-header-final .header-language-control select { font-size:.74rem !important; padding-left:.42rem !important; }
  .topbar.me-header-final .header-first-use-launch.first-use-launch { font-size:.54rem !important; }
  .topbar.me-header-final .account-header-btn { font-size:.68rem !important; padding-inline:.34rem !important; }
  .topbar.me-header-final .header-control-stack .guided-tips-toggle { font-size:.52rem !important; }
}

/* 600–719px keeps brand name and controls on one row by using the compact
   brand contract and slightly tighter control columns. */
@media (min-width: 600px) and (max-width: 719px) {
  .topbar.me-header-final,
  body.smart-header-compact .topbar.me-header-final {
    --me-h-top: 37px;
    --me-h-bottom: 26px;
    --me-h-col-gap: 5px;
    --me-h-c1: 105px;
    --me-h-c2: 130px;
    --me-h-c3: 112px;
  }
  .topbar.me-header-final .topbar-inner,
  body.smart-header-compact .topbar.me-header-final .topbar-inner {
    grid-template-columns: minmax(198px,1fr) auto !important;
    padding: .34rem .42rem !important;
    column-gap: .36rem !important;
  }
  .topbar.me-header-final .brand-wrap,
  body.smart-header-compact .topbar.me-header-final .brand-wrap {
    grid-template-columns: 34px 36px minmax(0,1fr) !important;
    gap:.24rem !important;
  }
  .topbar.me-header-final .brand-wrap > .section-menu-btn,
  body.smart-header-compact .topbar.me-header-final .brand-wrap > .section-menu-btn {
    width:34px !important; min-width:34px !important; max-width:34px !important;
    height:34px !important; min-height:34px !important; max-height:34px !important;
  }
  .topbar.me-header-final .brand-logo,
  body.smart-header-compact .topbar.me-header-final .brand-logo {
    width:36px !important; min-width:36px !important; max-width:36px !important;
    height:36px !important; min-height:36px !important; max-height:36px !important;
  }
  .topbar.me-header-final .brand { font-size:.84rem !important; }
  .topbar.me-header-final .workspace-badge,
  body.smart-header-compact .topbar.me-header-final .workspace-badge,
  .topbar.me-header-final .tagline,
  .topbar.me-header-final .brand-copy .tagline,
  body.smart-header-compact .topbar.me-header-final .tagline,
  body.smart-header-compact .topbar.me-header-final .brand-copy .tagline { display:none !important; }
  .topbar.me-header-final .watchlist-header-btn .radar-center-icon,
  .topbar.me-header-final .watchlist-header-btn .radar-center-copy small { display:none !important; }
  .topbar.me-header-final .watchlist-header-btn .radar-center-copy strong { font-size:.54rem !important; }
  .topbar.me-header-final .watchlist-market-data.demo-pill { font-size:.50rem !important; }
  .topbar.me-header-final .header-language-control select { font-size:.70rem !important; padding:.18rem 1rem .18rem .34rem !important; }
  .topbar.me-header-final .account-header-icon { display:none !important; }
  .topbar.me-header-final .account-header-btn { font-size:.64rem !important; padding-inline:.28rem !important; }
  .topbar.me-header-final .header-first-use-launch.first-use-launch { font-size:.51rem !important; padding-inline:.20rem !important; }
  .topbar.me-header-final .header-control-stack .guided-tips-toggle { font-size:.49rem !important; padding-inline:.12rem !important; }
}

/* --------------------------------------------------------------------------
   Phones / narrow resized windows: keep the right control matrix beside the
   menu+logo. Product copy hides before controls are allowed to wrap.
   -------------------------------------------------------------------------- */
@media (max-width: 599px) {
  .topbar.me-header-final,
  body.smart-header-compact .topbar.me-header-final {
    --me-h-top: 36px;
    --me-h-bottom: 26px;
    --me-h-row-gap: 3px;
    --me-h-col-gap: 4px;
    --me-h-c1: .85fr;
    --me-h-c2: 1.35fr;
    --me-h-c3: 1fr;
  }
  .topbar.me-header-final .topbar-inner,
  body.smart-header-compact .topbar.me-header-final .topbar-inner {
    grid-template-columns: 74px minmax(0,1fr) !important;
    grid-template-rows: auto !important;
    padding: .30rem .34rem !important;
    column-gap: .30rem !important;
    align-items:center !important;
  }
  .topbar.me-header-final .brand-wrap,
  body.smart-header-compact .topbar.me-header-final .brand-wrap {
    grid-template-columns: 34px 36px !important;
    gap:4px !important;
    width:74px !important;
    min-width:74px !important;
    max-width:74px !important;
    overflow:visible !important;
  }
  .topbar.me-header-final .brand-copy,
  body.smart-header-compact .topbar.me-header-final .brand-copy { display:none !important; }
  .topbar.me-header-final .brand-wrap > .section-menu-btn,
  body.smart-header-compact .topbar.me-header-final .brand-wrap > .section-menu-btn {
    width:34px !important; min-width:34px !important; max-width:34px !important;
    height:34px !important; min-height:34px !important; max-height:34px !important;
  }
  .topbar.me-header-final .brand-logo,
  body.smart-header-compact .topbar.me-header-final .brand-logo {
    width:36px !important; min-width:36px !important; max-width:36px !important;
    height:36px !important; min-height:36px !important; max-height:36px !important;
  }
  .topbar.me-header-final .top-actions,
  body.smart-header-compact .topbar.me-header-final .top-actions {
    width:100% !important;
    min-width:0 !important;
    justify-self:stretch !important;
  }
  .topbar.me-header-final .header-command-group,
  body.smart-header-compact .topbar.me-header-final .header-command-group {
    width:100% !important;
    min-width:0 !important;
    grid-template-columns: minmax(0,.85fr) minmax(0,1.35fr) minmax(0,1fr) !important;
  }
  .topbar.me-header-final .watchlist-header-btn .radar-center-icon,
  .topbar.me-header-final .watchlist-header-btn .radar-center-copy small { display:none !important; }
  .topbar.me-header-final .watchlist-header-btn .radar-center-copy strong { font-size:.49rem !important; letter-spacing:0 !important; }
  .topbar.me-header-final .watchlist-market-data.demo-pill { font-size:.45rem !important; padding-inline:.06rem !important; }
  .topbar.me-header-final .header-language-control select { font-size:.66rem !important; padding:.16rem .88rem .16rem .28rem !important; }
  .topbar.me-header-final .account-header-icon { display:none !important; }
  .topbar.me-header-final .account-header-btn { padding-inline:.16rem !important; font-size:.58rem !important; }
  .topbar.me-header-final .header-first-use-launch.first-use-launch { padding-inline:.12rem !important; font-size:.49rem !important; gap:.10rem !important; }
  .topbar.me-header-final .guided-tips-controls { column-gap:3px !important; }
  .topbar.me-header-final .header-control-stack .guided-tips-toggle { padding-inline:.08rem !important; font-size:.46rem !important; gap:.06rem !important; }
  .topbar.me-header-final .header-control-stack .guided-tip-replay { font-size:.61rem !important; }
}

@media (max-width: 479px) {
  .topbar.me-header-final .header-first-use-launch.first-use-launch > span:last-child { font-size:0 !important; }
  .topbar.me-header-final .header-first-use-launch.first-use-launch > span:last-child::after { content:"Guide"; font-size:.50rem; line-height:1; }
  html[lang="es"] .topbar.me-header-final .header-first-use-launch.first-use-launch > span:last-child::after { content:"Guía"; }
}

/* 320–359px: preserve alignment first, then shorten only visible helper copy.
   Accessible names and original DOM text remain unchanged. */
@media (max-width: 359px) {
  .topbar.me-header-final .topbar-inner,
  body.smart-header-compact .topbar.me-header-final .topbar-inner {
    grid-template-columns: 68px minmax(0,1fr) !important;
    padding-inline:.24rem !important;
    column-gap:.20rem !important;
  }
  .topbar.me-header-final .brand-wrap,
  body.smart-header-compact .topbar.me-header-final .brand-wrap {
    grid-template-columns:32px 34px !important;
    width:68px !important; min-width:68px !important; max-width:68px !important;
    gap:2px !important;
  }
  .topbar.me-header-final .brand-wrap > .section-menu-btn,
  body.smart-header-compact .topbar.me-header-final .brand-wrap > .section-menu-btn {
    width:32px !important; min-width:32px !important; max-width:32px !important;
    height:32px !important; min-height:32px !important; max-height:32px !important;
  }
  .topbar.me-header-final .brand-logo,
  body.smart-header-compact .topbar.me-header-final .brand-logo {
    width:34px !important; min-width:34px !important; max-width:34px !important;
    height:34px !important; min-height:34px !important; max-height:34px !important;
  }
  .topbar.me-header-final .watchlist-header-btn .radar-center-copy strong { font-size:0 !important; }
  .topbar.me-header-final .watchlist-header-btn .radar-center-copy strong::after { content:"Watch"; font-size:.46rem; line-height:1; }
  html[lang="es"] .topbar.me-header-final .watchlist-header-btn .radar-center-copy strong::after { content:"Lista"; }
  .topbar.me-header-final .watchlist-market-data.demo-pill { font-size:0 !important; }
  .topbar.me-header-final .watchlist-market-data.demo-pill::after { content:"DATA"; font-size:.43rem; line-height:1; }
  html[lang="es"] .topbar.me-header-final .watchlist-market-data.demo-pill::after { content:"DATOS"; }
  .topbar.me-header-final .guided-tips-toggle-label { font-size:.44rem !important; }
  .topbar.me-header-final #guidedTipsState { display:none !important; }
  .topbar.me-header-final .account-header-btn { font-size:.54rem !important; }
  .topbar.me-header-final .header-language-control select { font-size:.61rem !important; padding-right:.70rem !important; }
}

/* --------------------------------------------------------------------------
   Cross-device stability / accessibility
   -------------------------------------------------------------------------- */
.topbar.me-header-final .topbar-inner,
.topbar.me-header-final .brand-wrap,
.topbar.me-header-final .brand-wrap > .section-menu-btn,
.topbar.me-header-final .brand-logo,
.topbar.me-header-final .brand-copy,
.topbar.me-header-final .top-actions,
.topbar.me-header-final .header-command-group,
.topbar.me-header-final .watchlist-header-btn,
.topbar.me-header-final .watchlist-market-data,
.topbar.me-header-final .header-language-control,
.topbar.me-header-final .header-language-control select,
.topbar.me-header-final .account-header-btn,
.topbar.me-header-final .header-first-use-launch,
.topbar.me-header-final .guided-tips-controls,
.topbar.me-header-final .guided-tips-toggle,
.topbar.me-header-final .guided-tip-replay {
  transition-property:none !important;
  transition-duration:0s !important;
  transition-delay:0s !important;
}

@media (prefers-reduced-motion: reduce) {
  .topbar.me-header-final,
  .topbar.me-header-final * { transition:none !important; animation-duration:.001ms !important; }
}