/* Alcoden Daytrader WO014 responsive shell overrides — R2 */
html,body{max-width:100%;overflow-x:hidden}
.shell,.shell-header,.workspace,.instrument-head,.instrument-head-copy,.market-grid,.below-grid,.panel,.product-tile{min-width:0;max-width:100%}
.primary-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.primary-nav::-webkit-scrollbar{display:none}
.nav-list{width:max-content;min-width:100%}
.page-title,.state-main{overflow-wrap:anywhere;word-break:normal;white-space:normal}
@media(max-width:640px){
  .instrument-head{display:block!important;min-height:0!important}
  .instrument-head-copy{width:100%!important}
  body:has(.market-grid) .instrument-head{min-height:0!important}
  body:has(.market-grid) .page-title,.page-title{
    font-size:clamp(36px,11vw,44px)!important;
    line-height:.96!important;
    max-width:100%!important;
    letter-spacing:-.015em!important
  }
  .edition{display:block!important;margin-top:18px!important;max-width:100%!important;text-align:left!important}
  .meta-rail{display:flex!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none}
  .meta-rail::-webkit-scrollbar{display:none}
  .meta-rail>span{flex:0 0 auto!important}
  body:has(.market-grid) .market-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  body:has(.market-grid) .market-grid .panel:first-child,
  body:has(.market-grid) .market-grid .panel:last-child{min-width:0!important;padding:30px 24px!important}
  body:has(.market-grid) .state-main{font-size:clamp(40px,12vw,52px)!important;line-height:.9!important}
  body:has(.market-grid) .below-grid{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important}
  body:has(.market-grid) .product-tile{min-width:0!important}
}