/* Unified navigation for TradingRoad V10.
   Visual reference: approved original homepage header. Applies to every English page.
   The primary header CTA remains the original blue, not the yellow hero CTA. */
html { scroll-padding-top:140px }
body .site-header.tr-site-header.tr-unified-header {
  left:0;right:0;
  top:var(--tr-risk-height,0px);
  z-index:145;
  background:rgba(1,1,37,.97);
  color:#f7f8ff;
  border-bottom:1px solid rgba(226,230,255,.1);
  box-shadow:none;
  transition:background .2s ease;
}
body.tr-inner-page .site-header.tr-site-header.tr-unified-header {
  position:sticky;
  top:var(--tr-risk-height,0px);
  background:#01012e;
}
body:not(.tr-inner-page) .site-header.tr-site-header.tr-unified-header{position:absolute}
body:not(.tr-inner-page) .site-header.tr-site-header.tr-unified-header.scrolled{
  position:fixed;top:var(--tr-risk-height,0px);
  background:rgba(1,1,46,.97);
  backdrop-filter:blur(20px)
}
body .tr-unified-header .tr-unified-wrap{height:92px;gap:22px}
body .tr-unified-header .tr-brand{flex-shrink:0;display:inline-flex;align-items:center}
body .tr-unified-header .tr-brand .tr-logo{width:193px;height:auto;max-height:48px;object-fit:contain}
body .tr-unified-header .tr-unified-links{
 display:flex;align-items:center;gap:24px;margin-left:auto;
}
body .tr-unified-header .tr-unified-links>a,
body .tr-unified-header .tr-nav-dropdown>summary {
  position:relative;display:inline-flex;align-items:center;
  padding:17px 0;color:#b5b9d4;font-family:'Outfit',sans-serif;
  font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.01em;
  white-space:nowrap;text-decoration:none;cursor:pointer
}
body .tr-unified-header .tr-unified-links>a:hover,
body .tr-unified-header .tr-nav-dropdown>summary:hover,
body .tr-unified-header .tr-nav-dropdown[open]>summary,
body .tr-unified-header .tr-nav-dropdown.is-active>summary,
body .tr-unified-header .tr-unified-links>a.active {color:#fff}
/* No active underline. Active navigation is distinguished by text color only. */
body .tr-unified-header .tr-nav-dropdown{position:relative;min-width:0}
body .tr-unified-header .tr-nav-dropdown>summary{list-style:none;gap:7px;user-select:none}
body .tr-unified-header .tr-nav-dropdown>summary::-webkit-details-marker{display:none}
body .tr-unified-header .tr-nav-chevron{width:12px;height:12px;flex:none;transition:transform .15s ease}
body .tr-unified-header .tr-nav-dropdown[open] .tr-nav-chevron{transform:rotate(180deg)}
body .tr-unified-header .tr-subnav{
  display:none;position:absolute;top:calc(100% - 1px);left:-22px;
  width:250px;padding:12px;flex-direction:column;gap:2px;
  background:#11133e;border:1px solid #303568;border-radius:17px;
  box-shadow:0 20px 50px rgba(0,0,0,.35);
  z-index:200;
}
body .tr-unified-header .tr-nav-dropdown:hover>.tr-subnav,
body .tr-unified-header .tr-nav-dropdown:focus-within>.tr-subnav,
body .tr-unified-header .tr-nav-dropdown[open]>.tr-subnav{display:flex}
body .tr-unified-header .tr-subnav a{
  display:flex;align-items:center;min-height:40px;padding:10px 12px;
  border-radius:9px;color:#d5dbf7;font:500 12px/1.5 'Outfit',sans-serif;
  text-decoration:none;white-space:normal
}
body .tr-unified-header .tr-subnav a:hover,
body .tr-unified-header .tr-subnav a:focus-visible,
body .tr-unified-header .tr-subnav a[aria-current="page"]{background:#222968;color:#fff}
body .tr-unified-header .tr-unified-actions{gap:21px;margin-left:15px}
body .tr-unified-header .tr-unified-actions .nav-login{
 display:inline-flex;color:#eef0ff;font:600 12px 'Outfit',sans-serif;
}
body .tr-unified-header .tr-unified-actions .nav-cta{
  display:inline-flex;align-items:center;gap:14px;border-radius:30px;
  background:#000080;border:1px solid #5269ff;color:white;
  padding:14px 19px;font:600 12px 'Outfit',sans-serif;
  white-space:nowrap;box-shadow:none;text-decoration:none;
}
body .tr-unified-header .tr-unified-actions .nav-cta:hover{
  background:#1316a6;transform:translateY(-1px);
}
body .tr-unified-header .nav-cta .tr-ic{width:16px;height:16px}
body .tr-unified-header :is(a,summary,button):focus-visible{
  outline:2px solid #fec901;outline-offset:3px
}
body .tr-unified-header .tr-mobile-nav-actions{display:none}
body .tr-unified-header .menu-toggle{display:none}
@media (max-width:1140px){
 body .tr-unified-header .tr-unified-links{gap:16px}
 body .tr-unified-header .tr-unified-wrap{gap:16px}
 body .tr-unified-header .tr-unified-actions{margin-left:0;gap:13px}
 body .tr-unified-header .tr-unified-actions .nav-cta{padding:12px 14px}
 body .tr-unified-header .tr-brand .tr-logo{width:167px}
}
@media (max-width:920px){
 body .tr-unified-header .tr-unified-wrap{height:73px;gap:13px}
 body .tr-unified-header .tr-brand .tr-logo{width:156px}
 body .tr-unified-header .tr-unified-links{
   display:none;position:absolute;top:100%;left:0;right:0;
   width:100%;max-height:calc(100dvh - 115px);overflow:auto;
   padding:16px 22px 24px;gap:0;align-items:stretch;
   background:#01012e;border-bottom:1px solid #303561;
   box-shadow:0 24px 40px rgba(0,0,0,.4);margin:0;
 }
 body .tr-unified-header .tr-unified-links.open{display:flex;flex-direction:column}
 body .tr-unified-header .tr-unified-links>a,
 body .tr-unified-header .tr-nav-dropdown>summary{
   display:flex;justify-content:space-between;width:100%;
   padding:14px 3px;font-size:14px;min-height:48px;color:#ecedff;
   border-bottom:1px solid #242a52;
 }
 body .tr-unified-header .tr-nav-dropdown{width:100%}
 body .tr-unified-header .tr-subnav{
  position:static;display:none;width:100%;margin:0 0 6px;padding:6px 0 8px 12px;
  border:0;border-radius:0;box-shadow:none;background:transparent;
 }
 body .tr-unified-header .tr-nav-dropdown:hover>.tr-subnav:not(:is([data-open])),
 body .tr-unified-header .tr-nav-dropdown:focus-within>.tr-subnav {display:none}
 body .tr-unified-header .tr-nav-dropdown[open]>.tr-subnav{display:flex!important}
 body .tr-unified-header .tr-subnav a{font-size:13px;padding:11px 13px;min-height:43px}
 body .tr-unified-header .tr-unified-links>a.active:after,
 body .tr-unified-header .tr-nav-dropdown.is-active>summary:after{bottom:0}
 body .tr-unified-header .tr-unified-actions{margin-left:auto}
 body .tr-unified-header .tr-unified-actions .nav-login{display:none}
 body .tr-unified-header .tr-unified-actions .nav-cta{padding:12px 14px;font-size:11px}
 body .tr-unified-header .menu-toggle{display:flex;position:relative;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:9px;border:1px solid #353a6e;border-radius:10px;background:none;cursor:pointer}
 body .tr-unified-header .menu-toggle span{display:block;width:100%;height:2px;border-radius:2px;background:white}
 body .tr-unified-header .tr-mobile-nav-actions{display:flex;flex-direction:column;gap:0;padding:12px 0 0}
 body .tr-unified-header .tr-mobile-nav-actions>a{padding:13px 3px;color:#e6eaff;font-size:13px;text-decoration:none}
}
@media (max-width:450px){
 body .tr-unified-header .tr-brand .tr-logo{width:132px}
 body .tr-unified-header .tr-unified-actions .nav-cta{padding:10px 11px;font-size:10px;gap:7px}
 body .tr-unified-header .tr-unified-actions .nav-cta .tr-ic{width:12px;height:12px}
 body .tr-unified-header .tr-unified-wrap{gap:8px}
 body .tr-unified-header .menu-toggle{width:37px;height:38px;padding:8px}
}
@media (prefers-reduced-motion:reduce){
 body .tr-unified-header *,body .tr-unified-header *:before,body .tr-unified-header *:after{transition:none!important}
}

/* V10 navigation cleanup: disable yellow line decorations across all states,
   including homepage-specific active and hover pseudo-elements. */
html body .tr-unified-header .tr-unified-links > a::before,
html body .tr-unified-header .tr-unified-links > a::after,
html body .tr-unified-header .tr-nav-dropdown > summary::before,
html body .tr-unified-header .tr-nav-dropdown > summary::after,
html body .tr-unified-header .tr-home-link::before,
html body .tr-unified-header .tr-home-link::after {
  content:none!important;
  display:none!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
html body .tr-unified-header .tr-unified-links > a,
html body .tr-unified-header .tr-nav-dropdown > summary {
  background-image:none!important;
  text-decoration:none!important;
}
html body .tr-unified-header .tr-nav-cta-icon {
  display:block;
  width:14px!important;
  height:14px!important;
  flex:none;
  stroke:currentColor;
  fill:none;
  vertical-align:middle;
}
@media(max-width:450px){
  html body .tr-unified-header .tr-nav-cta-icon {width:12px!important;height:12px!important}
}

/* Staging review: hide the full-width risk notice while retaining legal disclosures. */
html body .tr-home-risk,
html body .tr-risk-banner { display:none!important; }
html body .site-header.tr-site-header.tr-unified-header { --tr-risk-height:0px; }

/* Approved V10 homepage hero: transparent header over the candlestick artwork.
   This applies only at the top of the homepage; scrolling and inner pages are unchanged. */
body:not(.tr-inner-page) .site-header.tr-site-header.tr-unified-header:not(.scrolled) {
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
}

/* Desktop readability: slightly larger typography, same V10 layout and colors. */
@media (min-width:921px) {
  html body .tr-unified-header .tr-unified-links > a,
  html body .tr-unified-header .tr-nav-dropdown > summary {
    font-size:13.5px;
  }
  html body .tr-unified-header .tr-subnav a {
    font-size:13px;
  }
  html body .tr-unified-header .tr-unified-actions .nav-login,
  html body .tr-unified-header .tr-unified-actions .nav-cta {
    font-size:13px;
  }
}

/* Inner pages: match the approved homepage transparent overlay header. */
body.tr-inner-page .site-header.tr-site-header.tr-unified-header:not(.scrolled) {
  position:absolute;
  top:0;
  left:0;
  right:0;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
  border-bottom:1px solid rgba(226,230,255,.105);
}
body.tr-inner-page .site-header.tr-site-header.tr-unified-header.scrolled {
  position:fixed;
  top:0;
  background:rgba(1,1,46,.97);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}