/* The Future U goal chips, plans and worlds now live inside My Rhythm.
   Most .pmf-* rules are unscoped so they carry over; these were scoped to
   the retired page and are mirrored onto the new host. */
#rhFuturePlan { background: var(--hu-white-mist); font-family: system-ui, -apple-system, sans-serif; }
#page-home, #page-discover, #page-food-feels, #page-scan, #page-voice, #page-kids, #page-places, #rhFuturePlan, #page-science, #page-shop, #page-recipe-hub, #page-fgf, #page-prices, #page-about, #page-blog, #page-partner, #page-wellness-professionals, #page-rhythm, #page-profile, #page-dashboard { background: var(--hu-white-mist) !important; }
@charset "utf-8";

#rhFuturePlan { background: var(--hu-white-mist); font-family: system-ui, -apple-system, sans-serif; }
/* ---- FUTURE U ---- */
#rhFuturePlan .pmf-hero{
  background:#FBF6EC !important;
  padding:0 0 26px !important;
  min-height:0 !important;
  position:relative; text-align:center;
}
#rhFuturePlan .pmf-hero-img{ max-width:none; margin:0 0 20px; }
#rhFuturePlan .pmf-hero-img img{
  display:block; width:100%; height:auto; border-radius:0; box-shadow:none;
}
/* Back button was white-on-dark; the artwork is cream, so sit it on top in navy */
#rhFuturePlan .pmf-hero > button:first-child{
  position:absolute; top:14px; left:18px; z-index:5;
  background:#243447 !important; border:none !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
  margin:0 !important; box-shadow:0 6px 16px rgba(36,52,71,.22);
}
/* chips + CTAs sit under the artwork on cream */
#rhFuturePlan .pmf-goal-chips,
#rhFuturePlan .pmf-cta-row{
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px;
  max-width:1180px; margin:0 auto 14px; padding:0 20px;
}
#rhFuturePlan .pmf-hero .pmf-chip{
  background:#fff !important; border:1.5px solid #EAE2D4 !important;
  color:#5E7E57 !important; -webkit-text-fill-color:#5E7E57 !important;
  min-height:42px; border-radius:999px; cursor:pointer;
}
#rhFuturePlan .pmf-hero .pmf-chip.active{
  background:#5E7E57 !important; border-color:#5E7E57 !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
#rhFuturePlan .pmf-hero .pmf-btn-primary{
  background:#5E7E57 !important; border:2px solid #5E7E57 !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
  border-radius:999px; min-height:46px; padding:13px 26px; cursor:pointer;
}
#rhFuturePlan .pmf-hero .pmf-btn-ghost{
  background:#fff !important; border:2px solid #EAE2D4 !important;
  color:#5E7E57 !important; -webkit-text-fill-color:#5E7E57 !important;
  border-radius:999px; min-height:46px; padding:13px 26px; cursor:pointer;
}
#rhFuturePlan .pmf-hero .pmf-chip:focus-visible,
#rhFuturePlan .pmf-hero .pmf-btn-primary:focus-visible,
#rhFuturePlan .pmf-hero .pmf-btn-ghost:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
@media (max-width:640px){
  #rhFuturePlan .pmf-hero .pmf-btn-primary,
  #rhFuturePlan .pmf-hero .pmf-btn-ghost{ width:100%; }
}
#rhFuturePlan{ max-width:1080px; margin:34px auto 0; padding:0 20px; }
#rhFuturePlan .rhfp-head{ margin-bottom:18px; }
#rhFuturePlan .rhfp-eyebrow{ font-size:.7rem; font-weight:800; letter-spacing:.19em;
  text-transform:uppercase; margin:0 0 10px; color:#7D9E77 !important; -webkit-text-fill-color:#7D9E77 !important; }
#rhFuturePlan .rhfp-h{ font-family:'Playfair Display',Georgia,serif; font-weight:700;
  font-size:clamp(1.5rem,2.8vw,2.1rem); line-height:1.12; margin:0 0 10px;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#rhFuturePlan .rhfp-sub{ font-size:.96rem; line-height:1.65; margin:0; max-width:620px;
  color:#5a6374 !important; -webkit-text-fill-color:#5a6374 !important; }
/* These were drawn white-on-dark for the old Future U hero. On My Rhythm's
   light background they need the brand's light treatment instead. */
#rhFuturePlan{ background:#FAF5E9; border-radius:24px; padding:30px 26px 34px; }
#rhFuturePlan .pmf-goal-chips{ display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-start; }
#rhFuturePlan .pmf-chip{
  background:#fff !important; border:1.5px solid #E6DFCE !important; border-radius:999px !important;
  padding:11px 22px !important; min-height:44px; font-family:inherit; font-size:.9rem; font-weight:700;
  cursor:pointer; box-shadow:0 2px 6px rgba(36,52,71,.05);
  color:#5F7350 !important; -webkit-text-fill-color:#5F7350 !important;
  transition:background .16s, border-color .16s, color .16s;
}
#rhFuturePlan .pmf-chip:hover{ border-color:#cfc8b4 !important; }
#rhFuturePlan .pmf-chip.active{
  background:#5F7350 !important; border-color:#5F7350 !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
#rhFuturePlan .pmf-chip:focus-visible{ outline:3px solid #CF9E3F; outline-offset:3px; }
#rhFuturePlan .pmf-btn-primary{
  background:#5F7350 !important; border:1.5px solid #5F7350 !important; border-radius:999px !important;
  padding:14px 30px !important; min-height:52px; font-family:inherit; font-size:1rem; font-weight:800;
  cursor:pointer; box-shadow:0 4px 12px rgba(95,115,80,.22);
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
#rhFuturePlan .pmf-btn-primary:hover{ background:#4e6a48 !important; border-color:#4e6a48 !important; }
#rhFuturePlan .pmf-btn-ghost{
  background:#fff !important; border:1.5px solid #E6DFCE !important; border-radius:999px !important;
  padding:14px 26px !important; min-height:52px; font-family:inherit; font-size:1rem; font-weight:700;
  cursor:pointer; box-shadow:0 2px 6px rgba(36,52,71,.05);
  color:#5F7350 !important; -webkit-text-fill-color:#5F7350 !important;
}
#rhFuturePlan .pmf-btn-ghost:hover{ border-color:#cfc8b4 !important; }
#rhFuturePlan .pmf-btn-primary:focus-visible,#rhFuturePlan .pmf-btn-ghost:focus-visible{
  outline:3px solid #CF9E3F; outline-offset:3px; }
#rhFuturePlan .pmf-cta-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; justify-content:flex-start; }
@media (max-width:620px){
  #rhFuturePlan{ padding:0 14px; }
  #rhFuturePlan .pmf-cta-row .pmf-btn-primary,#rhFuturePlan .pmf-cta-row .pmf-btn-ghost{ width:100%; }
}