/* HTNS v211 — rebalance Next Sermon columns for full translator and HD names */
#mainApp #view-home .home-sermon-copy{
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr) !important;
  column-gap:7px !important;
}
#mainApp #view-home .home-sermon-pastor{
  min-width:0 !important;
}
#mainApp #view-home .home-sermon-pastor b{
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
#mainApp #view-home .home-sermon-support{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:5px !important;
  min-width:0 !important;
  align-items:start !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
#mainApp #view-home .home-sermon-support > div:first-child,
#mainApp #view-home .home-sermon-support > div:last-child{
  min-width:0 !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
#mainApp #view-home .home-sermon-support > div:first-child b,
#mainApp #view-home .home-sermon-support > div:last-child b{
  display:block !important;
  width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  letter-spacing:-.01em !important;
}
#mainApp #view-home .home-sermon-support > div:last-child{
  justify-self:stretch !important;
}

/* Final-cascade lock for the Home sermon support names. Some older base rules
   clip support cells before the <b> text itself, which can still produce an
   ellipsis even when text-overflow is disabled on the name. Clear clipping at
   every parent level and give HD a real half of the support row. */
html body #mainApp #view-home .home-sermon-card .home-sermon-copy,
html body #mainApp #view-home .home-sermon-card .home-sermon-support,
html body #mainApp #view-home .home-sermon-card .home-sermon-support > div{
  overflow:visible !important;
  text-overflow:clip !important;
}
html body #mainApp #view-home .home-sermon-card .home-sermon-support{
  grid-template-columns:minmax(0,1fr) minmax(72px,1fr) !important;
  gap:5px !important;
}
html body #mainApp #view-home .home-sermon-card .home-sermon-support > div:last-child{
  min-width:72px !important;
  max-width:none !important;
  justify-self:stretch !important;
}
html body #mainApp #view-home .home-sermon-card .home-sermon-support > div:last-child b{
  display:block !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  clip-path:none !important;
}

@media (max-width:390px){
  #mainApp #view-home .home-sermon-copy{
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr) !important;
    column-gap:6px !important;
  }
  #mainApp #view-home .home-sermon-support{
    grid-template-columns:minmax(0,1fr) minmax(0,.90fr) !important;
    gap:4px !important;
  }
  #mainApp #view-home .home-sermon-support > div:first-child b,
  #mainApp #view-home .home-sermon-support > div:last-child b{
    font-size:11.5px !important;
    letter-spacing:-.018em !important;
  }
  html body #mainApp #view-home .home-sermon-card .home-sermon-support{
    grid-template-columns:minmax(0,1fr) minmax(68px,.92fr) !important;
    gap:4px !important;
  }
  html body #mainApp #view-home .home-sermon-card .home-sermon-support > div:last-child{
    min-width:68px !important;
  }
  html body #mainApp #view-home .home-sermon-card .home-sermon-support > div:first-child b,
  html body #mainApp #view-home .home-sermon-card .home-sermon-support > div:last-child b{
    font-size:11.5px !important;
    line-height:1.08 !important;
  }
}
@media (max-width:350px){
  #mainApp #view-home .home-sermon-copy{
    grid-template-columns:minmax(0,.69fr) minmax(0,1.31fr) !important;
    column-gap:5px !important;
  }
  #mainApp #view-home .home-sermon-pastor b,
  #mainApp #view-home .home-sermon-support > div:first-child b,
  #mainApp #view-home .home-sermon-support > div:last-child b{
    font-size:10.7px !important;
  }
  #mainApp #view-home .home-sermon-support{
    grid-template-columns:minmax(0,1fr) minmax(0,.88fr) !important;
    gap:3px !important;
  }
  html body #mainApp #view-home .home-sermon-card .home-sermon-support{
    grid-template-columns:minmax(0,1fr) minmax(62px,.88fr) !important;
    gap:3px !important;
  }
  html body #mainApp #view-home .home-sermon-card .home-sermon-support > div:last-child{
    min-width:62px !important;
  }
}