/* Shared phone refinements for the Mamba preview. Keep controls comfortable and content readable. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
body{overflow-x:hidden}
@media(max-width:768px){
  .header .nav,.site-header{min-height:66px}
  .header .nav{padding:.75rem 1rem!important}
  .header-actions .cta-secondary{min-height:44px!important;padding:.65rem .9rem!important}
  .nav-toggle,.site-header .nav-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .auth-page main{margin-top:0!important}
  .auth-page .auth-stage{padding:26px 15px 38px!important}
  .auth-page .auth-intro h1{font-size:clamp(32px,9.5vw,44px)!important;line-height:1.06!important}
  .auth-page .auth-intro-copy{font-size:15px!important;line-height:1.55!important}
  .auth-page .auth-flow{gap:10px!important;margin:24px 0 22px!important}
  .auth-page .auth-flow b{font-size:11px!important}
  .auth-page .auth-flow small{font-size:10px!important;line-height:1.35!important}
  .auth-page .portal-card{padding:22px 17px 20px!important}
  .auth-page .auth-form input,.auth-page input{font-size:16px!important}
  .auth-page .auth-form .submit-btn{min-height:48px!important}
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;max-width:100%}
  .edit-btn,.request-btn,.save-btn,.submit-btn,.onboarding-step-btn,.logout-btn{min-height:44px}
  .portal-container,.portal-container-wide{width:100%;max-width:100%;padding-left:1rem!important;padding-right:1rem!important}
  .portal-card{max-width:100%;overflow-wrap:anywhere}
  .modal-overlay{padding:12px!important}
  .modal-card{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;padding:1.25rem!important}
  .modal-actions{gap:.65rem;flex-wrap:wrap}
  .modal-actions>*{min-height:44px}
  .legal-page,.support-page,.error-page{padding-left:1rem!important;padding-right:1rem!important}
  .legal-page{padding-top:108px!important;line-height:1.68!important}
  .legal-page h1{font-size:clamp(1.75rem,8vw,2.25rem)!important}
  .legal-page h2{font-size:1.15rem!important;margin-top:1.8rem!important}
  .legal-page p,.legal-page li{font-size:1rem!important}
  .support-hero h1{font-size:clamp(2rem,9vw,3rem)!important}
  .support-methods{grid-template-columns:1fr!important;gap:12px!important}
  .support-card{min-height:0!important;padding:1.2rem!important}
  .support-card-value{overflow-wrap:anywhere}
  .support-form-section{padding:1.25rem!important}
  .error-page{min-height:calc(100vh - 100px)!important;padding-top:105px!important}
  .error-page p{max-width:30rem}
  .trade-demo{max-width:100%;overflow:hidden}
  .trade-phases li{white-space:normal!important;line-height:1.3}
  footer{gap:12px;overflow-wrap:anywhere}
}
@media(max-width:360px){
  .auth-page .auth-flow b{font-size:10px!important}
  .auth-page .auth-flow small{font-size:9px!important}
  .auth-page .portal-card{padding-left:14px!important;padding-right:14px!important}
  .trade-story strong{font-size:13px!important}
  .trade-story p{font-size:11px!important}
  .status-badge-lg{font-size:.85rem!important;padding:.9rem 1rem!important}
}
@media(prefers-reduced-motion:reduce){.header,.site-header{scroll-behavior:auto}}