/* nv-tap-app.css (11-11, step C6): the app 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],select,summary){min-height:44px!important;min-width:44px!important}
  input:not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:44px!important}
  .mbar a.logo{display:inline-flex;align-items:center;min-height:44px}
  /* small links inside a card or a heading row: bigger hit area, same look */
  a.more{padding:12px 10px!important;margin:-12px -10px!important;min-height:0!important;min-width:0!important}
  .nvpa{display:flex!important;flex-wrap:wrap;gap:6px 8px!important}
  .nvpa .nvlink{min-height:44px!important;padding:0 12px!important;margin:-3px 0!important;display:inline-flex!important;align-items:center;box-sizing:border-box;background-color:var(--nvp-out-text)!important;text-decoration:none!important}
  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;color:var(--nvp-in-text)}
  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-in-canvas);border-width:0 2px 2px 0;transform:rotate(45deg)}
  /* icon-only picture buttons: the word stays for screen readers, clipped out of sight */
  .mgrid:not(.c1) .macts button{font-size:14px!important;width:44px;overflow:hidden;white-space:nowrap;justify-content:flex-start!important;padding:0 0 0 15px!important;gap:30px!important}
  /* text on the scale */
  :is(small,.who,.nvlink,.uglab,.ugwc,.nche,.nvstsub,.bell .bdot,.nvstart span,.hkrow span,.sech p.sub){font-size:14px!important}
  .bell .bdot{min-width:20px;height:20px;line-height:20px}
  .nvempty b{font-size:16px!important}
  :is(.mbar a.logo,.sech h2,.nvbrand b){font-size:20px!important}
  /* the side menu (off-screen until Menu is tapped) */
  .side a[href]{min-height:44px}
  .side :is(a,button):not(.logo):not(.kvLangBtn){font-size:16px!important}
  :is(.kvLangBtn,.kvLangBtn *){font-size:14px!important}
  .side .logo{font-size:20px!important}
}