/* Header v3, 2026-10-17 (owner brief): Trading University holds the learning pages only, in three
   balanced columns; Tools holds free tools, market reads, the mentorship and the paid tools in two
   balanced columns; About is a dropdown (About, Reviews & Proof, Contact). Each URL once per menu.
   The current page is marked with aria-current, styled here like .active. Esc closes any open
   dropdown and returns focus to its button (script tcw-nav-dd-js). Rationale: _build/fix_ledger.py. */
nav .tcw-mega .tcw-mega-cols.tcw-mega-cols-3{grid-template-columns:repeat(3,minmax(max-content,1fr))!important;}
nav .nav-dropdown-menu.tcw-dd-wide{min-width:0!important;width:max-content;}
nav .nav-dropdown-menu .tcw-dd-cols{display:grid;grid-template-columns:repeat(2,minmax(max-content,1fr));color:inherit!important;text-shadow:none!important;}
nav .nav-dropdown-menu .tcw-dd-cols>.tcw-dd-col{min-width:0;color:inherit!important;}
nav .nav-dropdown-menu .tcw-dd-cols>.tcw-dd-col+.tcw-dd-col{border-left:1px solid rgba(255,255,255,0.08);}
nav .nav-dropdown-menu .tcw-dd-col>a.nav-dropdown-item.tcw-mega-item:last-child{border-bottom:none!important;}
html nav .nav-dropdown-menu a.nav-dropdown-item.tcw-mega-item:has(+ .tcw-mega-label){border-bottom:none!important;}
nav .nav-dropdown-menu.tcw-dd-wide .tcw-mega-label{padding-right:18px;}
nav .nav-dropdown-menu a.nav-dropdown-item.tcw-mega-item[aria-current="page"]{color:#ffdf9e!important;border-left-color:#e6b34d;background:rgba(230,179,77,0.05)!important;}
#mobileDrawer .mobile-nav-link[aria-current="page"]{color:#e6b34d;transform:translateX(5px);border-left-color:#e6b34d;}
html nav .nav-dropdown.tcw-dd-shut .nav-dropdown-menu,html nav .nav-dropdown.tcw-dd-shut .nav-dropdown-menu.tcw-mega{opacity:0!important;pointer-events:none!important;visibility:hidden!important;}
html nav .nav-dropdown.tcw-dd-shut .nav-chevron{transform:none!important;}
@media(prefers-reduced-motion:reduce){#mobileDrawer .mobile-nav-link[aria-current="page"]{transform:none;}}
/* Obsidian glass (owner, 2026-10-17: the menus predate the theme). Same panel constitution as the homepage
   and /reviews: obsidian ground gradient, ambient gold light, fine gold grid, cursor spotlight (--mx/--my set
   by tcw-nav-dd-js), a lit gold top bar, gold numbered eyebrows, lit column rules, a glowing hover. */
@media(min-width:901px){
html nav .nav-dropdown-menu{counter-reset:tcwLbl;}
html nav .nav-dropdown-menu.tcw-mega{
 background:radial-gradient(560px circle at var(--mx,16%) var(--my,-40%),rgba(255,214,140,.08),transparent 62%),
  radial-gradient(ellipse 46% 75% at 6% 0%,rgba(230,179,77,.11),transparent 70%),
  radial-gradient(ellipse 40% 70% at 100% 100%,rgba(201,138,46,.06),transparent 70%),
  linear-gradient(rgba(230,179,77,.03) 1px,transparent 1px) 0 0/56px 56px,
  linear-gradient(90deg,rgba(230,179,77,.03) 1px,transparent 1px) 0 0/56px 56px,
  linear-gradient(180deg,#0c0c17 0%,#06060c 55%,#020204 100%)!important;
 border-top:1px solid rgba(230,179,77,.34)!important;border-bottom:1px solid rgba(230,179,77,.18)!important;
 box-shadow:0 44px 110px -12px rgba(0,0,0,.94),0 34px 90px -46px rgba(230,179,77,.30),inset 0 1px 0 rgba(255,255,255,.06)!important;}
html nav .nav-dropdown-menu.tcw-mega::after{top:-1px;height:2px;opacity:1;
 background:linear-gradient(90deg,transparent 0%,rgba(230,179,77,.85) 22%,#ffd26e 50%,rgba(230,179,77,.85) 78%,transparent 100%);
 box-shadow:0 0 18px rgba(230,179,77,.45);}
html nav .nav-dropdown-menu:not(.tcw-mega){border-radius:4px;
 background:radial-gradient(380px circle at var(--mx,20%) var(--my,-30%),rgba(255,214,140,.08),transparent 62%),
  radial-gradient(ellipse 80% 60% at 0% 0%,rgba(230,179,77,.10),transparent 70%),
  linear-gradient(rgba(230,179,77,.03) 1px,transparent 1px) 0 0/40px 40px,
  linear-gradient(90deg,rgba(230,179,77,.03) 1px,transparent 1px) 0 0/40px 40px,
  linear-gradient(180deg,#0e0e1a 0%,#07070f 55%,#040407 100%)!important;
 border:1px solid rgba(255,255,255,.10)!important;
 box-shadow:0 34px 90px -20px rgba(0,0,0,.92),0 0 64px -26px rgba(230,179,77,.38),inset 0 1px 0 rgba(255,255,255,.07)!important;}
html nav .nav-dropdown-menu:not(.tcw-mega)::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:4px 4px 0 0;pointer-events:none;
 background:linear-gradient(90deg,transparent,rgba(230,179,77,.85) 25%,#ffd26e 50%,rgba(230,179,77,.85) 75%,transparent);box-shadow:0 0 14px rgba(230,179,77,.4);}
html nav .nav-dropdown-menu.tcw-mega a.tcw-mega-hero{position:relative;
 background:linear-gradient(#ffdf9e,#ffdf9e) top left/40px 2px no-repeat,linear-gradient(#ffdf9e,#ffdf9e) top left/2px 40px no-repeat,
  linear-gradient(#e6b34d,#e6b34d) bottom right/40px 2px no-repeat,linear-gradient(#e6b34d,#e6b34d) bottom right/2px 40px no-repeat,
  radial-gradient(closest-side at 16% 0%,rgba(230,179,77,.22),rgba(230,179,77,.06) 55%,transparent 100%) 0 0/72% 230% no-repeat,
  linear-gradient(180deg,#0e0e1a 0%,#07070f 55%,#040407 100%)!important;
 border:1px solid rgba(230,179,77,.30)!important;
 box-shadow:0 22px 60px -28px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,223,158,.10);
 transition:border-color .35s ease,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease!important;}
html nav .nav-dropdown-menu.tcw-mega a.tcw-mega-hero:hover,html nav .nav-dropdown-menu.tcw-mega a.tcw-mega-hero:focus-visible,html nav .nav-dropdown-menu.tcw-mega a.tcw-mega-hero.active{
 border-color:rgba(230,179,77,.62)!important;box-shadow:0 24px 60px -24px rgba(230,179,77,.42),0 0 44px -14px rgba(230,179,77,.38),inset 0 1px 0 rgba(255,223,158,.18);}
html nav .nav-dropdown-menu.tcw-mega a.tcw-mega-hero:hover{transform:translateY(-2px);}
html nav .tcw-mega .tcw-mega-hero-t{filter:drop-shadow(0 0 14px rgba(230,179,77,.35));}
html nav .tcw-mega .tcw-mega-hero-s{font-size:12px;color:#ccc8c2!important;-webkit-text-fill-color:#ccc8c2;}
html nav .tcw-mega .tcw-mega-hero-pill{box-shadow:0 0 22px rgba(230,179,77,.45);}
html nav .nav-dropdown-menu .tcw-mega-label{display:flex;align-items:center;gap:10px;counter-increment:tcwLbl;
 font-size:10.5px;letter-spacing:.24em;color:#ffdf9e!important;text-shadow:0 0 12px rgba(230,179,77,.35)!important;}
html nav .nav-dropdown-menu .tcw-mega-label::before{content:counter(tcwLbl,decimal-leading-zero);color:#e6b34d;}
html nav .nav-dropdown-menu .tcw-mega-label::after{content:"";width:28px;height:1px;flex-shrink:0;background:linear-gradient(90deg,#e6b34d,transparent);}
html nav .nav-dropdown-menu .tcw-mega-label:not(:first-child){border-top-color:rgba(230,179,77,.14);}
html nav .tcw-mega .tcw-mega-cols>.tcw-mega-col+.tcw-mega-col,html nav .nav-dropdown-menu .tcw-dd-cols>.tcw-dd-col+.tcw-dd-col{
 border-left:1px solid transparent;border-image:linear-gradient(180deg,transparent,rgba(230,179,77,.40) 20%,rgba(230,179,77,.40) 80%,transparent) 1;}
html nav .nav-dropdown-menu a.nav-dropdown-item.tcw-mega-item{border-bottom-color:rgba(255,255,255,.06)!important;}
html nav .nav-dropdown-menu a.nav-dropdown-item.tcw-mega-item:hover,html nav .nav-dropdown-menu a.nav-dropdown-item.tcw-mega-item:focus-visible{
 background:linear-gradient(90deg,rgba(230,179,77,.15) 0%,rgba(230,179,77,.04) 62%,transparent 100%)!important;
 border-left-color:#ffd26e;box-shadow:-8px 0 20px -10px rgba(230,179,77,.65);text-shadow:0 0 14px rgba(255,223,158,.55)!important;}
html nav .nav-dropdown-menu a.nav-dropdown-item.tcw-mega-item>span[style]{font-size:10px!important;}
}
@media(min-width:1280px){
html nav .nav-dropdown-menu.tcw-mega a.nav-dropdown-item.tcw-mega-item,html nav .nav-dropdown-menu:not(.tcw-mega) a.nav-dropdown-item.tcw-mega-item{font-size:11.5px!important;}
html nav .nav-dropdown-menu .tcw-mega-label{font-size:11px;}
}
@media(prefers-reduced-motion:reduce){
html nav .nav-dropdown-menu.tcw-mega a.tcw-mega-hero,html nav .nav-dropdown-menu.tcw-mega a.tcw-mega-hero:hover{transition:none!important;transform:none!important;}
}
