/* She asked My Rhythm to open the way HU Kitchen does — straight into the journey.
   So the banner and the tab photo strip above it are removed, and #rjWrap is
   inserted BEFORE #huRhythmRoot rather than after it. */
/* The banner is BACK at her request — it sits at the top, then the journey, then
   the island. Same order as HU Kitchen (banner → panel → stages).
   The tab photo strip stays hidden; that was the part she asked to remove. */
#page-rhythm-dash #rsStrip{ display:none !important; }

/* #rstWrap exists only to interleave the photos with the tabs. With the photos gone
   it must stop being a grid, or the tabs inherit the 4-column weave and land in the
   wrong rows. Back to a plain block so the tab row lays itself out normally. */
#page-rhythm-dash #rstWrap{ display:block !important; }
@media (max-width:1100px){
  #page-rhythm-dash #rstWrap{ display:block !important; }
  #page-rhythm-dash #rstWrap .flex.min-w-max{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    gap:8px !important;
  }
  /* the weave pinned each tab to an explicit row/column for the photo pairing —
     clear that or six tabs try to sit in rows 2 and 4 only */
  #page-rhythm-dash #rstWrap .flex.min-w-max > *{
    grid-row:auto !important; grid-column:auto !important;
  }
}
#page-rhythm-dash #rjWrap{ padding-top:26px; }

/* The tabbed dashboard is out of the page by default. It is revealed only when a
   journey action needs it — see the note in hu-rj-js. Not deleted, because eleven
   journey actions and four of my own layers live inside it. */
#page-rhythm-dash #huRhythmRoot,
#page-rhythm-dash #rjBoardBar{ display:none; }
body[data-rj-board="1"] #page-rhythm-dash #huRhythmRoot{ display:block; }
body[data-rj-board="1"] #page-rhythm-dash #rjBoardBar{
  display:block; max-width:1180px; margin:0 auto; padding:8px clamp(18px,5vw,64px) 0;
}
#rjBoardBar .rj-board-x{
  display:inline-flex; align-items:center; gap:8px; cursor:pointer;
  font-family:'Nunito',system-ui,sans-serif; 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;
}
#rjBoardBar .rj-board-x:hover{ background:#FCEAEA !important; border-color:#C4707F; }
#rjBoardBar .rj-board-x:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }

/* page mode: while the dashboard is open it replaces the banner and the journey,
   so it reads as its own screen instead of a section further down */
body[data-rj-board="1"] #page-rhythm-dash .rhyd-hero,
body[data-rj-board="1"] #page-rhythm-dash #rjWrap{ display:none !important; }
body[data-rj-board="1"] #page-rhythm-dash #rjBoardBar{ padding-top:22px; }