/* HTNS Home Next Event stable layout · v205 */
#mainApp #view-home .home-next-event-ref{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:68px !important;
  min-height:68px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

#mainApp #view-home .home-next-event-ref .home-next-event-main{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:9px 10px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

#mainApp #view-home .home-next-event-ref .event-item-inner{
  position:static !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) auto !important;
  grid-template-rows:minmax(0,1fr) !important;
  column-gap:8px !important;
  align-items:center !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

/* Keep the date tile at the same card-relative anchor as the other three Home tiles. */
#mainApp #view-home .home-next-event-ref .home-event-date,
#mainApp #view-home .home-next-event-ref .event-chip.home-event-date{
  position:absolute !important;
  left:10px !important;
  top:50% !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  margin:0 !important;
  padding:0 !important;
  transform:translateY(-50%) !important;
  box-sizing:border-box !important;
  z-index:2 !important;
}

#mainApp #view-home .home-next-event-ref .home-event-copy{
  grid-column:2 !important;
  grid-row:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:1px !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  text-align:left !important;
  grid-template:none !important;
}

#mainApp #view-home .home-next-event-ref .home-event-kicker,
#mainApp #view-home .home-next-event-ref .home-event-title,
#mainApp #view-home .home-next-event-ref .home-event-copy .muted{
  grid-area:auto !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#mainApp #view-home .home-next-event-ref .home-event-church-only-badge{
  grid-column:3 !important;
  grid-row:1 !important;
  position:static !important;
  justify-self:end !important;
  align-self:center !important;
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  padding:2px 7px !important;
  box-sizing:border-box !important;
  font-size:9px !important;
  line-height:10px !important;
  white-space:nowrap !important;
  transform:none !important;
}

@media(max-width:350px){
  #mainApp #view-home .home-next-event-ref .event-item-inner{
    column-gap:6px !important;
  }
  #mainApp #view-home .home-next-event-ref .home-event-church-only-badge{
    padding:2px 5px !important;
    font-size:7.5px !important;
    line-height:9px !important;
  }
}