/* HU Recommended card injected into My Rhythm's Wellness tab. Own classes rather
   than the island's Tailwind, so a rebuild of the island cannot restyle it. */
#huRhRec{ border:1px solid #e7e5e4; border-radius:24px; background:#fff;
  box-shadow:0 8px 35px rgba(28,25,23,.05); padding:22px 24px; margin:16px 0;
  font-family:'Nunito',system-ui,sans-serif; }
#huRhRec .rhrec-top{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
#huRhRec .rhrec-badge{ display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:4px 11px;
  font-size:.66rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase;
  background:#EEF4EC; border:1px solid #D6E3D2; color:#5C7A58 !important; -webkit-text-fill-color:#5C7A58 !important; }
#huRhRec h2{ font-family:'Playfair Display',Georgia,serif; font-size:1.2rem; font-weight:700; margin:0;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#huRhRec p{ font-size:.9rem; line-height:1.65; margin:0 0 16px; max-width:70ch;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
#huRhRec .rhrec-acts{ display:flex; gap:10px; flex-wrap:wrap; }
#huRhRec button{ cursor:pointer; font-family:inherit; font-size:.85rem; font-weight:800; border-radius:999px;
  padding:11px 20px; min-height:44px; border:1px solid rgba(18,33,58,.2); background:#fff;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; transition:.16s; }
#huRhRec button:hover{ background:#EEF4EC; border-color:#7D9E77; }
#huRhRec button.is-primary{ background:#243447; border-color:#243447; color:#fff !important; -webkit-text-fill-color:#fff !important; }
#huRhRec button.is-primary:hover{ background:#31465F; }
#huRhRec button:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
#huRhRec .rhrec-note{ font-size:.78rem; margin:12px 0 0; color:#8A93A0 !important; -webkit-text-fill-color:#8A93A0 !important; }
@media (max-width:600px){ #huRhRec{ padding:18px; } #huRhRec .rhrec-acts button{ width:100%; } }