/* iPhone / iPad Safari hardening */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{-webkit-tap-highlight-color:rgba(200,16,46,.18);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
button,a,select,summary,label,input[type=checkbox],input[type=radio]{touch-action:manipulation}
@media (max-width:900px){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}
  .rm-btn,.rmc-btn,.flybtn,.btn2,button.rm-tab{min-height:44px}
  .rm-tab{padding-top:10px;padding-bottom:10px}
  input[type=date]{min-width:0;max-width:100%}
  .rm-tblw,.tbl-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
}
html.rmc-open,html.rmc-open body{overflow:hidden;overscroll-behavior:none}
#rmc .rmc-final{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#rmc .rmc-ctl{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}
#rmc .rmc-final{padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(40px + env(safe-area-inset-bottom))}
.flyframe .flybtn{min-height:44px}
@media (max-width:600px){#rmc .rmc-title{top:calc(66px + env(safe-area-inset-top))}#rmc .rmc-btn{padding:8px 12px;font-size:.8rem}}

/* Print: hide moving decoration. The cursor glow uses mix-blend-mode, which prints as a white circle over the page. */
@media print{
  .fx-light,.fx-canvas,.fx-curtain,.fx-top,.fx-pal,#prog,.lightbox,#rmc,.cue,.tkr,.flysec{display:none!important}
  *{mix-blend-mode:normal!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  header.site{position:static!important}
  .rm-fig,.rm-tile,.labc,.mm-card,figure,table,tr{break-inside:avoid;page-break-inside:avoid}
}