/* Avoid accidental double-tap zoom without blocking deliberate pinch zoom. */
html,body,button,a,summary,label,input{touch-action:manipulation}
html{overscroll-behavior-y:none;overflow-x:clip}
dialog{overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:76px 20px}
dialog .dialog-heading{position:sticky;top:0;z-index:3;background:var(--surface)}
.example img,.brand img{-webkit-user-drag:none;user-select:none}
@supports(overflow:clip){.panel{overflow:clip}}
@media(max-width:850px),(pointer:coarse){
  body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  main{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}
  button,.button{min-height:44px}
  .help-button{width:44px;height:44px;min-width:44px;flex-shrink:0}
  .view-tabs button{min-height:44px;min-width:44px}
  .text-button{min-width:44px;min-height:44px;padding:6px 10px}
  .access-line{align-items:center}
  .example{width:48px;height:48px}
  .example-picker>summary,.model-details>summary{min-height:44px}
  .model-details>summary{padding-block:12px}
  .activation-field input{font-size:16px;line-height:1.5;min-height:48px}
  .activation-restore{min-height:44px;padding-block:10px}
  dialog,.research-dialog{
    position:fixed;inset:auto 0 auto;
    top:calc(var(--mobile-visible-top,0px) + max(12px,env(safe-area-inset-top)));
    width:min(740px,calc(100vw - 24px));max-width:calc(100vw - 24px);
    max-height:calc(var(--mobile-visible-height,100dvh) - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));
    margin:0 auto;transform:none;
    -webkit-overflow-scrolling:touch;
  }
  .activation-dialog{width:min(540px,calc(100vw - 24px))}
  dialog .dialog-heading,.research-dialog .dialog-heading{padding:10px 16px}
  .activation-dialog .dialog-body{padding-bottom:max(20px,env(safe-area-inset-bottom))}
}