/* Shared public menus. One compact layout and the product-shell icon palette. */
.navbar .pplx-mega.nav-mega{padding:0!important;background:#fff;border-radius:0 0 18px 18px;box-shadow:0 10px 20px #39281e0a;border-bottom:1px solid #eee7e0!important;color:#2d2c2b}
.navbar .nav-mega .nav-mega__inner{max-width:1240px;padding:24px;display:flex;gap:28px;align-items:flex-start}
.nav-mega__feature{flex:0 0 240px;min-width:0;display:block;text-decoration:none;color:#2d2c2b;background:#faf5ef;border-radius:14px;overflow:hidden}
.nav-mega__feature>img{width:100%;height:120px;object-fit:cover;display:block}
.nav-mega__feature>div{padding:14px 16px}.nav-mega__feature strong{font-size:18px;line-height:1.3;font-weight:500;display:block}
.nav-mega__feature p{font-size:14px;line-height:1.5;color:#72685e;margin:7px 0 10px}
.nav-mega__feature span{font-size:14px;font-weight:500;color:#985126}
.nav-mega__links{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;min-width:0}
.navbar .nav-mega .nav-mega__link{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:10px;color:#2d2c2b;text-decoration:none;min-width:0}
.nav-mega__link>span:last-child{min-width:0}
.nav-mega__link strong{display:block;font-size:16px;line-height:1.4;font-weight:500}
.nav-mega__link small{display:block;font-size:14px;line-height:1.4;color:#74716d;margin-top:3px}
.nav-mega__icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff4e9;color:#bd5a29}
.nav-mega__icon .px-product-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-mega__icon .px-product-icon__tone{fill:#ffd4ae;fill-opacity:.75}
.navbar .nav-mega a:hover{background-color:#fff6ee;box-shadow:none;transform:none;color:#73432a}
.navbar .nav-mega a:focus-visible,.navbar .nav-mega button:focus-visible{outline:2px solid #b85e2b;outline-offset:2px}
.nav-mega__stories{flex:1.3;min-width:0}
.nav-mega__stories h2{font-size:15px;font-weight:500;color:#7c7067;margin:0 0 8px}
.nav-mega__stories>a{display:block;padding:12px 0;border-bottom:1px solid #eee7e0;text-decoration:none;color:#2d2c2b}
.nav-mega__stories span{display:block;font-size:13px;color:#986039;margin-bottom:5px}
.nav-mega__stories strong{font-size:16px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nav-mega__links--news{grid-template-columns:1fr;flex:.85}
@media(min-width:1200px){.navbar .nav-mega{max-height:calc(100dvh - 85px);overflow-y:auto}}
@media(max-width:1199px){
 #navOff .nav-mega .nav-mega__inner{display:flex;flex-direction:column;padding:4px 0 18px;gap:16px;width:100%}
 #navOff .nav-mega__feature{flex:none;width:100%;display:flex;align-items:center;border-radius:12px}
 #navOff .nav-mega__feature>img{width:94px;height:115px;align-self:stretch;object-fit:cover}
 #navOff .nav-mega__feature>div{padding:12px}
 #navOff .nav-mega__feature strong{font-size:17px}
 #navOff .nav-mega__feature p{font-size:14px;margin:5px 0}
 #navOff .nav-mega__links{width:100%;grid-template-columns:1fr;gap:3px}
 #navOff .nav-mega__stories{width:100%}
 #navOff .nav-mega .nav-mega__link{padding:10px 6px;min-height:54px}
 #navOff .nav-mega .pplx-mobile-menu-back{font-size:16px;font-weight:500;color:#67452f}
 #navOff .nav-mega .pplx-mobile-menu-back svg{transform:rotate(180deg)}
}
/* Asset-class discovery and distinct, restrained category palettes. */
.navbar .nav-mega .nav-mega__inner{padding-bottom:40px}
.navbar .nav-mega strong{font-weight:600}
.nav-market-groups{flex:.9;min-width:0}.nav-market-popular{flex:1.4;min-width:0}
.nav-market-groups h2,.nav-market-popular h2{font-size:16px;line-height:1.4;font-weight:500;color:#7c7067;margin:0 0 10px;padding-inline:8px}
.nav-market-symbols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
.nav-market-symbols>a{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 8px;color:#2d2c2b;text-decoration:none;border-radius:10px;min-width:0}
.nav-market-symbols>a>span:last-child{min-width:0}
.nav-market-symbols strong{font-size:16px;line-height:1.4;display:block}.nav-market-symbols small{font-size:14px;line-height:1.35;color:#74716d;display:block;margin-top:2px}
.nav-mega .pmd-symbol-icons{display:inline-flex;flex:0 0 38px;width:38px;align-items:center}
.nav-mega .pmd-currency-icon{display:block;width:25px;height:25px;flex-shrink:0;overflow:hidden;border-radius:50%;border:2px solid white;background:white}.nav-mega .pmd-currency-icon+span{margin-left:-12px;margin-top:12px}.nav-mega .pmd-currency-icon img{width:100%;height:100%;display:block;object-fit:cover}
.nav-mega--news .nav-mega__links--news{gap:0}.nav-mega--news .nav-mega__link{padding:9px 12px}.nav-mega--news .nav-mega__link strong{font-size:16px;font-weight:500}
.nav-mega--tools .nav-mega__link--tone-0 .nav-mega__icon{background:#eef0fc;color:#6572b2;--menu-tint:#d2d9ff}
.nav-mega--tools .nav-mega__link--tone-1 .nav-mega__icon{background:#e6f4ee;color:#398265;--menu-tint:#a8dfc7}
.nav-mega--tools .nav-mega__link--tone-2 .nav-mega__icon{background:#fff2d8;color:#a47c23;--menu-tint:#f5d68f}
.nav-mega--tools .nav-mega__link--tone-3 .nav-mega__icon{background:#f8e9ee;color:#a45973;--menu-tint:#efb7c9}
.nav-mega--tools .nav-mega__link--tone-4 .nav-mega__icon{background:#e5f1fa;color:#407caa;--menu-tint:#b5d8f2}
.nav-mega--tools .px-product-icon__tone{fill:var(--menu-tint)}
@media(max-width:1199px){
 #navOff .navbar-nav.header-bar>.nav-item>.nav-link{font-size:18px;font-weight:500}
 #navOff .nav-mega .nav-mega__inner{gap:20px;padding-bottom:28px}
 #navOff .nav-mega strong{font-weight:600}
 #navOff .nav-mega__link strong{font-size:16px}#navOff .nav-mega__link small{font-size:14px;line-height:1.45}
 #navOff .nav-market-groups,#navOff .nav-market-popular{width:100%;flex:none}
 #navOff .nav-market-groups{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 #navOff .nav-market-groups h2{grid-column:1/-1;margin-bottom:4px}
 #navOff .nav-market-groups .nav-mega__link{flex-direction:column;gap:8px;min-height:100px;padding:12px;background:#f8f5f1;border-radius:12px}
 #navOff .nav-market-groups small{font-size:13px;line-height:1.35;margin-top:2px}
 #navOff .nav-mega__links--news{grid-template-columns:1fr 1fr;gap:4px}
 #navOff .nav-mega--news .nav-mega__link{padding:12px;background:#f8f5f1;min-height:46px}
 #navOff .pplx-mobile-menu-footer__title,#navOff .pplx-mobile-menu-footer a,#navOff .offcanvas-cta .btn{font-weight:600}
}

/* Markets has six category rows and five pairs of instruments. Give both
   sections the same overall rhythm and keep the feature card alongside them. */
@media(min-width:1200px){
 .navbar .nav-mega.nav-mega--markets .nav-mega__inner{display:grid;grid-template-columns:240px minmax(230px,.95fr) minmax(0,1.55fr);gap:28px;align-items:stretch;padding:24px}
 .nav-mega--markets .nav-mega__feature{display:flex;flex-direction:column;align-self:stretch}
 .nav-mega--markets .nav-mega__feature>img{flex:1 1 0;min-height:160px;height:0;object-position:45% center}
 .nav-mega--markets .nav-mega__feature>div{padding:18px}
 .nav-mega--markets .nav-mega__feature strong{font-size:20px}
 .nav-mega--markets .nav-mega__feature p{font-size:15px;line-height:1.5;margin:10px 0 16px}
 .nav-mega--markets .nav-mega__feature span{font-size:15px}
 .navbar .nav-mega--markets .nav-market-groups .nav-mega__link{align-items:center;min-height:56px;padding:6px 8px}
 .nav-mega--markets .nav-market-groups .nav-mega__link small{font-size:14px;line-height:1.35;margin-top:2px}
}
@media(max-width:1199px){
 #navOff .nav-mega--markets .nav-mega__inner{gap:20px}
 #navOff .nav-mega--markets .nav-mega__feature>img{width:88px;height:auto;min-height:108px}
 #navOff .nav-mega--markets .nav-mega__feature>div{padding:12px}
 #navOff .nav-mega--markets .nav-mega__feature p{line-height:1.4;margin:6px 0 8px}
 #navOff .nav-market-groups h2,#navOff .nav-market-popular h2{padding:0}
 #navOff .nav-market-groups .pmd-asset-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px}
 #navOff .nav-market-groups .pmd-market-glyph{width:22px;height:22px}
 #navOff .nav-market-symbols{gap:8px}
 #navOff .nav-market-symbols>a{gap:8px;min-height:64px;padding:8px 6px;background:#fafaf9}
 #navOff .nav-market-symbols small{font-size:13px}
 #navOff .nav-market-symbols .pmd-instrument-badge{width:32px;height:32px;flex-basis:32px}
 #navOff .nav-market-symbols .pmd-symbol-icons{width:32px;min-width:32px;flex-basis:32px}
 #navOff .nav-market-symbols .pmd-currency-icon{width:23px;height:23px}
 #navOff .nav-market-symbols .pmd-currency-icon+span{margin-left:-14px;margin-top:10px}
}