/* BKDataDeals mobile/readability polish — no structural redesign. */
html{max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
main,section,article,aside,header,footer,nav,div{min-width:0}
pre,code{max-width:100%}
pre{overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-wrap,.table-scroll,.dd-table-scroll,.docs-table-wrap,.orders-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:760px){
  body{font-size:16px;line-height:1.58}
  p,li,label,summary,.description,.subtitle,.platform-note,.form-note{font-size:clamp(14px,3.7vw,16px);line-height:1.6}
  small,.small-muted,.muted{font-size:clamp(12px,3.1vw,13.5px);line-height:1.5}
  h1{font-size:clamp(2rem,9.5vw,3rem);line-height:1.05;overflow-wrap:anywhere}
  h2{font-size:clamp(1.35rem,6.2vw,1.9rem);line-height:1.15}
  h3{font-size:clamp(1.08rem,4.8vw,1.35rem)}
  button,.button,.login-button,[role="button"]{min-height:44px;font-size:15px}
  input,select,textarea{max-width:100%;font-size:16px!important}
  textarea{min-height:108px}
  .page-main,.platform-page,.reseller-main,.track-main,.account-main,.wallet-main,.orders-main{width:100%;max-width:100%;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));box-sizing:border-box}
  .page-card,.platform-card,.manager-card,.track-card,.account-card,.panel{max-width:100%;overflow-wrap:anywhere}
  .page-heading p,.platform-hero p{max-width:100%}
  .manager-grid,.earnings-cards,.platform-grid{min-width:0}
  table{font-size:13.5px}
  th,td{padding-top:11px;padding-bottom:11px}
}

@media(max-width:420px){
  body{font-size:15.5px}
  .page-main,.platform-page,.reseller-main,.track-main,.account-main,.wallet-main,.orders-main{padding-left:max(13px,env(safe-area-inset-left));padding-right:max(13px,env(safe-area-inset-right))}
  button,.button,.login-button,[role="button"]{width:auto;max-width:100%}
}
