/* HiddenHelp v21: homepage layout alignment and icon overflow recovery */

/* Remove old injected Support Radar badge that was creating a second floating pill */
#home .hero .panel::after,
body:has(#home) .hero .panel::after,
body:has(#finder) .hero .panel::after{
  content:none!important;
  display:none!important;
}

/* Desktop hero: align the large left tile with the three right tiles cleanly */
@media (min-width: 860px){
  #home .hero{
    display:grid!important;
    grid-template-columns:minmax(0,1.05fr) minmax(300px,.82fr)!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  #home .hero > .panel{
    min-height:420px!important;
    height:100%!important;
    justify-content:center!important;
    padding:clamp(22px,2.4vw,34px)!important;
  }
  #home .hero > .tiles{
    height:100%!important;
    min-height:420px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  #home .hero > .tiles > .card,
  #home .hero > .tiles > a.card,
  #home .hero > .tiles > button.card{
    min-height:0!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    overflow:hidden!important;
    padding:18px 20px!important;
  }
  #home .hero > .tiles > .card p{max-width:46ch!important;}
}

/* Mobile hero: no horizontal button/card overflow */
@media (max-width: 859px){
  #home .hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    overflow:hidden!important;
  }
  #home .hero > .panel,
  #home .hero > .tiles,
  #home .hero > .tiles > .card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  #home .hero > .tiles{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  #home .hero-start-actions,
  #home .hero .actions{
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    width:auto!important;
    max-width:100%!important;
  }
  #home .hero-start-btn,
  #home a.hero-start-btn,
  #home .hero .actions > a[href="#finder"]{
    width:auto!important;
    max-width:235px!important;
    min-width:0!important;
    min-height:44px!important;
    padding:10px 16px!important;
    flex:0 0 auto!important;
    border-radius:999px!important;
    white-space:nowrap!important;
  }
  #home .hero .actions > a[href*="your-unique-support"],
  #home .hero .actions > a[href*="support-plan"]{
    display:none!important;
  }
}

/* Remove accidental emoji/number overflow from the three trust cards */
#home .trust{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
  margin:16px 0 20px!important;
}
#home .trust article,
#home .trust .card{
  min-width:0!important;
  overflow:hidden!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
#home .trust article span{
  display:none!important;
}
#home .trust article h3,
#home .trust .card h3{
  display:block!important;
  font-size:clamp(1rem,1.15vw,1.14rem)!important;
  line-height:1.16!important;
  margin:0 0 7px!important;
  padding:0!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#home .trust article h3::before,
#home .trust .card h3::before,
#home .trust article h3::after,
#home .trust .card h3::after{
  content:none!important;
  display:none!important;
}
#home .trust article p,
#home .trust .card p{
  font-size:.92rem!important;
  line-height:1.42!important;
  margin:0!important;
}
@media (max-width:760px){
  #home .trust{grid-template-columns:1fr!important;}
}

/* Make the homepage guide rail sit below the hero without looking like it is floating into it */
#home .hh-v32-home-guides,
#home .hh-v33-home-guides{
  clear:both!important;
  margin-top:22px!important;
}