@media(max-width:720px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
  body{width:100%;max-width:100%;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}
  .wrap{width:100%!important;max-width:none!important;padding-inline:12px!important}
  .topbar{padding-top:env(safe-area-inset-top)}
  .topbar .wrap{min-height:58px!important;padding-top:7px!important;padding-bottom:7px!important}
  main.wrap{padding-top:14px!important;padding-bottom:max(54px,calc(36px + env(safe-area-inset-bottom)))!important}
  .hero{border-radius:20px!important;padding:21px 17px!important}
  .hero.title-only{padding:18px 14px!important;margin-bottom:12px!important}
  .hero.title-only h1{font-size:clamp(30px,9vw,40px)!important;line-height:1.35!important}
  .hero .text-p,.text-p,.icon-list p,.plain-item p{font-size:16.5px!important;line-height:2!important}
  .section{margin-bottom:12px!important;border-radius:18px!important}
  .section-head{padding:14px 14px!important;align-items:flex-start!important}
  .section-head h2{font-size:19px!important;line-height:1.7!important}
  .section-body{padding:15px!important}
  .text-p.emphasis{padding:12px 13px!important}
  .actions{margin-top:14px!important;padding:15px 12px!important;border-radius:18px!important}
  .ack{min-height:54px!important;font-size:16px!important}
  .more{min-height:46px!important;font-size:15px!important}
  .top{left:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:44px!important;height:44px!important}
}