/* SMMPIX FINAL — performance + UX layer */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;text-rendering:optimizeLegibility}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg,video{max-width:100%}
img{height:auto}
button,a,input,select,textarea{touch-action:manipulation}
button,.btn,.site-cta,.site-login-link,.site-menu-btn,.theme-toggle,select,input[type=submit],input[type=button]{min-height:42px}
:focus-visible{outline:3px solid color-mix(in srgb,var(--p,#10b981) 55%,#fff);outline-offset:2px}
.table-responsive,.overflow-x-auto{scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.table-responsive>table,.overflow-x-auto>table{min-width:680px}
@media(max-width:640px){
  button,.btn,.site-cta,.site-login-link,.site-menu-btn,.theme-toggle,select,input[type=submit],input[type=button]{min-height:44px}
  input,select,textarea{font-size:16px!important}
  .table-responsive>table,.overflow-x-auto>table{min-width:620px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}