/* HopeForUs mobile-first + no layout leaks */
html,body{overflow-x:hidden!important;max-width:100vw!important}
@media(max-width:859px){
.disc .in,.topics .in,.how-in,.stats,.hero,.wrap,.ftop-in,.tr-in,.ft-grid,.ft-bar,.ft-note{
  max-width:100%!important;
  padding-left:max(16px,env(safe-area-inset-left))!important;
  padding-right:max(16px,env(safe-area-inset-right))!important;
}
.discover-grid,.more-grid{grid-template-columns:1fr!important}
.ftop-hero,.tr-in{grid-template-columns:1fr!important}
}
.hdr{
  max-width:100%!important;
  padding-left:max(12px,env(safe-area-inset-left))!important;
  padding-right:max(12px,env(safe-area-inset-right))!important;
}
.discover-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important}
.mini-cards-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important}
.more-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-top:16px!important;width:100%!important}
@media(min-width:520px){.more-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(min-width:860px){
  .discover-grid{grid-template-columns:1fr 1fr!important;gap:16px!important;align-items:start!important}
  .more-grid{grid-template-columns:repeat(3,1fr)!important}
}
.campaign-card{width:100%!important;max-width:100%!important}
.campaign-card .image-container{max-width:100%!important}
.card-content,.card-title{word-break:break-word!important;overflow-wrap:anywhere!important}
.fan-w{max-width:100%!important;overflow:hidden!important}
.campaign-card .card-image{content-visibility:auto}
