/* Wellness Hub "View all" — expands the card into the full resource library. */
#whRoot{ margin-top:14px; padding-top:12px; border-top:1px dashed #E8E4DC;
  font-family:'Nunito',system-ui,sans-serif; text-align:left; }
#whRoot .whx-g{ margin-bottom:12px; }
#whRoot .whx-gh{ margin:0 0 6px; font-size:.64rem; font-weight:800; letter-spacing:.13em;
  text-transform:uppercase;
  color:#657482 !important; -webkit-text-fill-color:#657482 !important; }
#whRoot .whx-row{ display:flex; align-items:center; gap:10px; padding:7px 0; }
#whRoot .whx-b{ flex:1; min-width:0; }
#whRoot .whx-t{ margin:0; font-size:.88rem; font-weight:600;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#whRoot .whx-m{ margin:2px 0 0; font-size:.74rem;
  color:#657482 !important; -webkit-text-fill-color:#657482 !important; }
#whRoot .whx-kind{ font-size:.62rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  border-radius:999px; padding:5px 11px; flex:none; background:#FCEAEA !important;
  border:1px solid #F3D9D9;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#whRoot .whx-x{ width:44px; height:44px; border:0; background:none !important; cursor:pointer;
  font-size:.95rem; flex:none; opacity:.5;
  color:#657482 !important; -webkit-text-fill-color:#657482 !important; }
#whRoot .whx-x:hover{ opacity:1; }
#whRoot .whx-form{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
#whRoot .whx-in{ flex:1 1 170px; min-width:0; border:1.5px solid #E8E4DC; border-radius:13px;
  padding:11px 14px; font-family:inherit; font-size:.9rem; background:#FDFCFA; color:#243447; min-height:46px; }
#whRoot .whx-in:focus{ outline:none; border-color:#C4707F; background:#fff; }
#whRoot .whx-btn{ display:inline-flex; align-items:center; justify-content:center; cursor:pointer;
  font-family:inherit; font-size:.83rem; font-weight:800; border-radius:999px; padding:10px 17px;
  min-height:46px; background:#FCEAEA !important; border:1px solid #F3D9D9;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#whRoot .whx-btn:hover{ background:#F8DFDF !important; }
#whRoot .whx-btn:focus-visible,#whRoot .whx-x:focus-visible,#whRoot .whx-in:focus-visible{
  outline:3px solid #CF9E3F; outline-offset:2px; }
#whRoot .whx-note{ margin:10px 0 0; font-size:.79rem; line-height:1.55;
  color:#657482 !important; -webkit-text-fill-color:#657482 !important; }
#huRhythmRoot [data-whx]{ cursor:pointer; }

/* PRE-EXISTING, found while adding the library: at 360 the Wellness Hub card was
   377px wide inside a 328px grid column and its right edge was cut off. Cause is
   the usual grid blowout — items default to min-width:auto, so the column is sized
   by the card's min-content width. Present before this panel existed. */
@media (max-width:640px){
  #huRhythmRoot .grid.gap-4{ grid-template-columns:minmax(0,1fr) !important; }
  #huRhythmRoot .grid.gap-4 > *{ min-width:0 !important; }
}