/* p85 — shared mobile-first polish (public + trader dashboard). Additive, direction-agnostic (logical properties). */
@media (max-width: 720px){
  .mgfx-foot a, footer a{display:inline-block;min-height:40px;line-height:40px;padding-inline:2px}
  .prose a, .legal a, article a, .container p a, .container li a{padding-block:6px;margin-block:-6px}
  button, .btn, [role=button], input[type=submit], select{min-height:44px}
  input:not([type=checkbox]):not([type=radio]):not([type=range]), textarea, select{font-size:16px}
  input[type=checkbox], input[type=radio]{width:20px;height:20px}
  table{max-width:100%}
  .container table, .prose table, .card table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  img, video, canvas, svg{max-width:100%;height:auto}
  pre, code{overflow-x:auto;max-width:100%;overflow-wrap:anywhere}
  h1{font-size:clamp(1.55rem,6.4vw,2.2rem);line-height:1.25;overflow-wrap:anywhere}
  h2{font-size:clamp(1.25rem,5.2vw,1.7rem);line-height:1.3;overflow-wrap:anywhere}
  .container{padding-inline:max(14px,env(safe-area-inset-left),env(safe-area-inset-right))}
  .page-header .container, .section .container{max-width:100%}
  body{-webkit-text-size-adjust:100%;overflow-wrap:break-word}
}
@media (max-width: 720px) and (hover:none){
  a, button{-webkit-tap-highlight-color:rgba(45,212,191,.18)}
}
@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}