/* Trading School BD mobile layout hardening — 2026-09-02 */
*,*::before,*::after{box-sizing:border-box}
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{max-width:100%;overflow-x:hidden;overflow-wrap:anywhere}
img,picture,video,canvas,svg,iframe{display:block;max-width:100%;height:auto}
iframe{width:100%}
pre,code,.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%;border-collapse:collapse}
input,select,textarea,button{max-width:100%;font:inherit}
main,header,footer,section,article,nav,.wrap,.container{min-width:0}
:is(.grid,.hero-grid,.cards,.card-grid,.blog-grid,.faq-grid,.verified-community-grid)>*{min-width:0}
a{overflow-wrap:anywhere}
@media (max-width:768px){
  body{font-size:16px;line-height:1.65}
  .wrap,.container{width:100%;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  h1{font-size:clamp(1.85rem,8vw,2.65rem);line-height:1.16}
  h2{font-size:clamp(1.45rem,6.5vw,2.1rem);line-height:1.22}
  h3{font-size:clamp(1.1rem,5vw,1.4rem);line-height:1.3}
  :is(.hero-grid,.blog-grid,.card-grid,.cards,.faq-grid,.verified-community-grid){grid-template-columns:minmax(0,1fr)!important}
  :is(.topbar,.header-inner,.nav-inner,.footer-inner){max-width:100%;gap:12px}
  :is(.btn,.btn-main,.nav-cta,button,a[class*="btn"]){min-height:44px;max-width:100%;white-space:normal;text-align:center;justify-content:center}
  .hero{padding-left:0;padding-right:0}
  .hero-card,.card,article{max-width:100%}
  footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}
@media (max-width:420px){
  .wrap,.container{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  :is(.btn,.btn-main,.nav-cta,button,a[class*="btn"]){width:100%}
  .section,.hero,section{scroll-margin-top:72px}
}

/* TSB mobile brand card fix — 2026-09-02 */
@media (max-width:420px){
  .hero-logos{flex-direction:column;align-items:stretch;gap:12px}
  .hero-logo-main{width:100%;min-width:0;gap:10px}
  .hero-logo-main img{width:58px;height:58px;flex:0 0 58px}
  .hero-logo-text{min-width:0;flex:1 1 auto}
  .hero-logo-text .name{font-size:15px;letter-spacing:1.6px;line-height:1.25;white-space:nowrap;overflow-wrap:normal;word-break:keep-all}
  .hero-logo-text .sub,.hero-logo-text .tag{overflow-wrap:normal;word-break:normal}
  .broker-pill{align-self:flex-start;max-width:100%}
  .brand-text-main{overflow-wrap:normal;word-break:normal}
}