/* WTWR_HEADER_STICKY_LOGO_FIX_V1 — REVISED AGAIN after real browser
   verification showed the previous version stuck the whole 739px-tall
   artwork banner (nav strip baked into its top ~120px, then the rest of
   the same image below it), so the sticky element itself was too tall and
   pinned mid-screen instead of as a thin bar. Member page only.
   LOCALHOST ONLY, no V31/data/logic touched.

   Why this version switches which element is sticky, instead of trying to
   crop the tall image into a thin sticky strip: the nav row is baked as
   pixels into one single raster image alongside a large amount of
   image-height below it -- there is no DOM boundary between "nav strip"
   and "rest of banner" to make only part of it sticky without either
   duplicating the image or cropping it live in CSS (fragile, and still
   would not fix the already-reported squashed logo, since that defect is
   baked into the same source pixels).

   The real, already-built semantic <header class="wtwr-unified-member-
   header"> is a genuinely thin (~92px) flex bar with a real square logo
   image (/assets/wtwr-round-master-v1.png, confirmed 1254x1254px, not the
   flawed artwork PNG) and real DOM text for the wordmark -- it was simply
   hidden by body.wtwr-approved-member-page-v1 > header{display:none!important}
   in wtwr-approved-image-shell-v1.css. Fix: hide the tall artwork banner
   instead (it scrolls away normally with the rest of the page, as
   requested) and un-hide + stick the real header. This also genuinely
   fixes the logo squash reported two rounds ago, since the real header's
   logo source image is verifiably square -- no image-pixel defect there. */

body.wtwr-approved-member-page-v1 #wtwrApprovedImageShellV1.wtwr-approved-shell-v1{
  display:none!important;
}

body.wtwr-approved-member-page-v1 > header.wtwr-unified-member-header{
  display:flex!important;
  position:sticky!important;
  top:0!important;
  z-index:950!important;
}

/* Logo + wordmark sizing (now actually applies, header is visible).
   flex-shrink:0 is the real fix for the squash: .brand is itself a flex
   row and its children were shrinking under space pressure even with
   explicit width/height set. Width bump only above the header's own
   existing 1500px breakpoint so its narrower-window rules keep control
   below that. */
@media(min-width:1501px){
  header.wtwr-unified-member-header .brand.wtwr-member-brand{
    min-width:452px!important;
    flex:0 0 452px!important;
  }
}
header.wtwr-unified-member-header .brand.wtwr-member-brand img{
  width:86px!important;
  height:86px!important;
  aspect-ratio:1/1!important;
  flex-shrink:0!important;
  flex-grow:0!important;
  object-fit:contain!important;
}
header.wtwr-unified-member-header .brand.wtwr-member-brand strong{
  flex-shrink:0!important;
  white-space:nowrap!important;
}

/* Anchor-jump targets: keep the sticky bar from covering the top of a
   section when a nav link (#today, #demo-account, etc.) is clicked. */
#today,
#demo-account,
#ai-demo-account,
#performance,
#strategy,
#method{
  scroll-margin-top:110px!important;
}