/* River Orlando Church — small-phone fixes (≤ 420px)
   Loaded after tokens.css on every page. tokens.css is phone-first already;
   this file only tightens the tightest screens. */

@media(max-width:420px){
  :root{--gutter:18px}
  h1{font-size:clamp(52px,15vw,72px)}
  h2{font-size:clamp(38px,11vw,52px)}
  .btn{padding:14px 20px;font-size:15px}
  .times a,.times div{padding:14px 14px}
  .times span{font-size:16px}
  .roc-drawer ul a{font-size:26px}
  .card .body{padding:18px 18px 20px}
  .row{grid-template-columns:56px 1fr;gap:10px 14px}
  .row .thumb{width:56px;height:56px}
  .row h3{font-size:20px}
}

/* No horizontal scroll from any absolutely positioned art */
.hero,.river-edge,.roc-foot{max-width:100vw}