/* RefrigSim responsive safety layer — FINAL 2026-08-27
   Deliberately conservative: no viewport-based global zooming and no generic grid rewriting. */
:root{--site-gutter:clamp(12px,2vw,32px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{max-width:100%}*,:before,:after{box-sizing:border-box}
img,video,canvas{max-width:100%;height:auto}svg{max-width:100%}iframe{max-width:100%;border:0}table{max-width:100%}
button,select,input,textarea{font:inherit}button,[role="button"],input[type="range"],select{touch-action:manipulation}
.workbench,.app-layout,.main-layout,.sim-layout,.learning-layout,.content-column,.sim-main,.diagram-stack,.chart,.panel{min-width:0}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:760px){dialog{max-width:calc(100% - 20px);max-height:calc(100dvh - 20px);overflow:auto}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{body{overflow:visible}}