/* Real pages for the six My Rhythm views. Each has its own route and back button.
   The dashboard island is MOVED into the page that needs it — moving the island's
   own container is safe (moving a React-RENDERED CHILD is what crashes it). */
.rv-page{ font-family:'Nunito',system-ui,-apple-system,sans-serif; background:#fff; }
.rv-bar{ max-width:1180px; margin:0 auto; padding:20px clamp(18px,5vw,64px) 0; }
.rv-back{
  display:inline-flex; align-items:center; gap:8px; cursor:pointer;
  font-family:inherit; font-size:.84rem; font-weight:800;
  border-radius:999px; padding:10px 18px; min-height:44px;
  background:#fff !important; border:1px solid rgba(36,52,71,.14);
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
  box-shadow:0 3px 12px rgba(0,0,0,.06);
}
.rv-back:hover{ background:#FCEAEA !important; border-color:#C4707F; }
.rv-back:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
.rv-head{ max-width:1180px; margin:0 auto; padding:18px clamp(18px,5vw,64px) 0; }
.rv-kicker{ margin:0 0 6px; font-size:.66rem; font-weight:800; letter-spacing:.2em;
  text-transform:uppercase; color:#5F7350 !important; -webkit-text-fill-color:#5F7350 !important; }
.rv-h{ margin:0; font-family:'Playfair Display',Georgia,serif; font-weight:700;
  font-size:clamp(1.4rem,2.6vw,2rem); line-height:1.15;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.rv-sub{ margin:7px 0 0; font-size:.95rem; line-height:1.6;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }

/* inside a view page the island is the content, so its own tab row and the
   Today/Routines switch are hidden — the page IS the chosen view */
.rv-host #rstWrap,
.rv-host #mergeSwitch,
.rv-host #rjBoardBar{ display:none !important; }
.rv-host{ margin-top:14px; }