/* Phone tap targets for the standalone legal pages (they carry their own inline CSS).
   Overlays use ::before because .nav-links a.active already uses ::after for its underline. */
@media(max-width:700px){
  .logo{min-height:44px}
  .nav-links a:not(.btn),.foot-links a,.foot-in a,.lsec a,.lhero a,.toc a,.legal a:not(.btn),.crumb a,td a,.lsec li a,.lnote a{position:relative}
  .nav-links a:not(.btn)::before,.foot-links a::before,.foot-in a::before,.lsec a::before,.lhero a::before,.toc a::before,.legal a:not(.btn)::before,.crumb a::before,td a::before,.lsec li a::before,.lnote a::before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
  .toc li{padding:7px 0}
}