/* nv-tap.css (11-11, step C6): outside pages on phones only.
   Every tap target is 44 x 44 px or more; small text sits on the scale (14 small, 16 body, 20 titles). */
@media (max-width:640px){
  /* tap targets */
  :is(button,[role=button],input[type=submit],input[type=button],select,summary){min-height:44px;min-width:44px}
  :is(.px-logo,.logo,.brand,header.top>a,.si,.cols a,footer a){display:inline-flex!important;align-items:center;min-height:44px;min-width:44px}
  .cols a:not(.logo){display:flex!important}
  /* small buttons inside a sentence: bigger hit area, same line */
  :is(p,span)>button{padding:13px 6px!important;margin:-13px -6px!important;min-height:0;min-width:0}
  :is(p,span)>button.lnk{min-width:44px}
  input[type=checkbox]{appearance:none;-webkit-appearance:none;width:44px!important;height:44px!important;margin:-12px!important;padding:0;border:0;background:none;position:relative;flex:none;cursor:pointer}
  input[type=checkbox]::before{content:"";position:absolute;inset:12px;border:1.5px solid currentColor;border-radius:5px}
  input[type=checkbox]:checked::before{background:currentColor}
  input[type=checkbox]:checked::after{content:"";position:absolute;left:18px;top:14px;width:6px;height:11px;border:solid var(--nvp-out-card);border-width:0 2px 2px 0;transform:rotate(45deg)}
  /* text on the scale */
  :is(.fine,.fine *,.or,.off,.badge,.muted,.si,label span,label span a,.when li>*,.row>span,.seg button,.price span,footer p,.cols p){font-size:14px!important}
  :is(.lede,.sub,.px-sub,.btn,.gbtn,.sh,details p,.ctab p,.px-b span,.plan small){font-size:16px!important}
  :is(.px-logo,.logo,.brand,.plan h3){font-size:20px!important}
}