/* Lamb Creative — phone rules shared by every page.
   Loaded last on purpose. Nothing here hides or shows an element,
   so each page's own display rules still win. */
@media (max-width:767px){
  /* 44px tap targets. Padding grows the hit area, the matching negative
     margin keeps the layout where it was. */
  .btn{min-height:44px}
  .pbtn{display:flex;align-items:center;justify-content:center}
  .nl{padding-top:13px;padding-bottom:13px;margin-top:-5px;margin-bottom:-5px}
  .cslink,.pgo,.mini,.chg,.talk,.mval,.fwm,.hback,.sheet-foot a,.lpftr a{padding-top:12px;padding-bottom:12px;margin-top:-12px;margin-bottom:-12px}
  .pfull{padding-top:12px;padding-bottom:12px}
  /* small phones: the logo wraps to two lines instead of running into the nav */
  .hdr{column-gap:12px}
  .logo{min-width:0;white-space:normal;line-height:1.05}
  .fnav{row-gap:0}
  .flink{padding-top:11px;padding-bottom:11px}

  /* tags that carry meaning stay readable */
  .rectag,.tag{font-size:11px}

  /* invisible at phone size, and costly to blend on every scroll frame */
  .grain{display:none}
}
/* a tapped outline button shouldn't stay filled like the primary one */
@media (max-width:767px) and (hover:none){
  .mbar .btn.line:hover{background:transparent;color:#3a2a1d}
}