/* My Rhythm on navy. The cards and tiles stay white, so anything that sits
   DIRECTLY on the page needs light text or it disappears. */
#page-rhythm-dash{ background:#1B2A3D !important; }
/* #mrxSec carries its own white panel, which covered the navy and left white
   headings sitting on white. It goes transparent so the page colour shows. */
#page-rhythm-dash #mrxSec{ background:transparent !important; }
/* Any full-width panel that was painted white/cream for a light page would
   otherwise sit as a slab on the navy. Cards keep their own white. */
#page-rhythm-dash > div:not(.mrx-tile):not(.mrx-sq),
#page-rhythm-dash > section{ background:transparent !important; }
#page-rhythm-dash .mrx-sec, #page-rhythm-dash .mrx-block,
#page-rhythm-dash .mrx-hero, #page-rhythm-dash .mrx-wrap,
#page-rhythm-dash .mrx-today, #page-rhythm-dash .mrx-body{ background:transparent !important; }
/* hero heading and its supporting line */
#page-rhythm-dash h1, #page-rhythm-dash .mrx-title, #page-rhythm-dash .mrx-h{
  color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
#page-rhythm-dash .mrx-eb, #page-rhythm-dash .mrx-kicker{
  color:#A8C79E !important; -webkit-text-fill-color:#A8C79E !important; }
#mrxSec .mrx-bh, #mrxSec .mrx-ph, #mrxSec h2, #mrxSec h3:not(.mrx-sq-n){
  color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
#mrxSec .mrx-bsub, #mrxSec .mrx-psub, #mrxSec .mrx-sub{
  color:#C3CCD8 !important; -webkit-text-fill-color:#C3CCD8 !important; }
#mrxSec .mrx-bstat{ color:#A8C79E !important; -webkit-text-fill-color:#A8C79E !important; }
#mrxSec .mrx-back{ background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.28) !important;
  color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
#mrxSec .mrx-back:hover{ background:rgba(255,255,255,.18) !important; }
/* tiles keep their white cards and navy text */
#mrxSec .mrx-sq{ border-color:rgba(255,255,255,.16) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.22); }
#mrxSec .mrx-sq:hover{ box-shadow:0 16px 34px rgba(0,0,0,.30); }
#mrxSec .mrx-sq:focus-visible, #mrxSec .mrx-back:focus-visible{
  outline:3px solid #E6B85C; outline-offset:3px; }