/* ==========================================================================
   MY RHYTHM — the diary-led redesign (Sep 2026)
   Prefix mrd-. Class names deliberately avoid the -card / -tile / -tag /
   -pill / -badge suffixes, which global rules repaint.
   ========================================================================== */
#mrd, #mrdTlPage, .mrd-ov{
  --mn:#243447; --mn2:#31465F;
  --ms:#7d9e77; --msd:#5F7350; --msp:#EDF2EA;
  --mbl:#F8E7E7; --mbm:#F0D4D6; --mro:#A8536A; --mro2:#8E4058;
  --mpb:#E6EEF4; --mpbd:#47708A;
  --moa:#F4EDE1; --moad:#8A7657;
  --mcr:#FBF8F2; --mln:#E7E1D6; --mw:#fff;
  font-family:'Nunito',system-ui,sans-serif; color:var(--mn);
}
#page-rhythm-dash{ background:#FBF8F2 !important; overflow-x:clip; }
#page-rhythm-timeline{ background:#FBF8F2 !important; overflow-x:clip; }
@media (min-width:769px){
  #page-rhythm-dash.active, #page-rhythm-timeline.active{ padding-top:var(--nav-h,68px) !important; }
}
@media (max-width:768px){
  #page-rhythm-dash.active, #page-rhythm-timeline.active{ padding-top:0 !important; }
}
#mrd *, #mrdTlPage *, .mrd-ov *{ box-sizing:border-box; }
#mrd{ padding:0 !important; margin:0 !important; }
#mrd svg, #mrdTlPage svg, .mrd-ov svg{ width:18px; height:18px; flex:0 0 auto; }
.mrd-addbig svg{ width:20px; height:20px; }
#mrd p, #mrdTlPage p, .mrd-ov p{ margin:0; }

.mrd-wrap{ max-width:1200px; margin:0 auto; padding:0 20px; }
.mrd-h2{ font-family:'Playfair Display',Georgia,serif; font-size:1.9rem; font-weight:700;
  color:var(--mn) !important; margin:0 0 4px; letter-spacing:-.01em; }
.mrd-h3{ font-family:'Playfair Display',Georgia,serif; font-size:1.35rem; font-weight:700;
  color:var(--mn) !important; margin:0; }
.mrd-sc{ font-family:'Caveat',cursive; }

/* ---- 1. HERO ------------------------------------------------------------- */
.mrd-bnr{ position:relative; margin-left:calc(50% - 50vw); width:100vw;
  background:linear-gradient(90deg,#FBF6EE 0%,#FBF6EE 46%,rgba(251,246,238,0) 72%);
  background-color:#FBF6EE; overflow:hidden; }
.mrd-bnr-in{ position:relative; max-width:none; margin:0 auto; min-height:430px;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; }
.mrd-bnr-img{ position:absolute; inset:0 0 0 46%; margin:0; }
.mrd-bnr-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.mrd-bnr-img::after{ content:''; position:absolute; inset:0;
  background:linear-gradient(90deg,#FBF6EE 0%,rgba(251,246,238,.85) 16%,rgba(251,246,238,0) 46%); }
.mrd-bnr-t{ position:relative; z-index:2; padding:54px 20px 54px max(20px,calc(50vw - 580px)); }
.mrd-eyebrow{ font-size:.72rem; letter-spacing:.22em; text-transform:uppercase;
  color:var(--msd); font-weight:700; margin-bottom:6px !important; }
.mrd-chainbar{ background:#FBF6EE; padding:16px 20px 2px max(20px,calc(50vw - 580px)); }
.mrd-chain{ display:flex; flex-wrap:wrap; align-items:baseline; gap:0 12px; margin:0 !important;
  font-family:'Caveat',cursive; font-size:clamp(1.25rem,1.95vw,1.62rem); line-height:1.25;
  font-weight:600; color:var(--mro2) !important; }
/* a global span rule paints these #2b2b2b — they need the colour stated on the child */
.mrd-chain span{ color:var(--mro2) !important; -webkit-text-fill-color:var(--mro2); }
.mrd-chain i{ font-style:normal; font-weight:700; color:var(--msd) !important;
  -webkit-text-fill-color:var(--msd); }
.mrd-h1{ font-family:'Playfair Display',Georgia,serif; margin:0 0 8px; line-height:1;
  font-size:clamp(2.4rem,4.6vw,3.6rem); font-weight:800; color:var(--mn) !important; }
.mrd-h1 .mrd-d{ font-family:'Caveat',cursive; font-weight:700; color:#6E8F67 !important;
  font-size:1.22em; margin-left:.12em; display:inline-block; transform:translateY(.06em); }
.mrd-h1 .mrd-hrt{ color:var(--mro) !important; font-size:.5em; vertical-align:super; }
.mrd-trg{ font-size:.78rem; letter-spacing:.24em; text-transform:uppercase; font-weight:700;
  color:var(--mn2); margin:10px 0 16px !important; }
.mrd-lede{ font-size:1.06rem; line-height:1.6; color:var(--mn2); max-width:30ch; }
.mrd-note{ position:absolute; right:4%; top:34px; z-index:3; text-align:center;
  font-family:'Caveat',cursive; font-size:1.5rem; line-height:1.15; color:var(--mro2);
  background:rgba(248,231,231,.92); border:1px solid var(--mbm); border-radius:18px;
  padding:14px 20px; box-shadow:0 6px 20px rgba(36,52,71,.08); max-width:210px; }

/* ---- 2/3. ACTIONS + TODAY LOOKS GOOD ------------------------------------- */
.mrd-sec{ padding:38px 0 0; }
.mrd-lead{ color:var(--mn2); font-size:1rem; margin:0 0 20px !important; }
.mrd-top{ display:grid; grid-template-columns:minmax(0,1fr) 336px; gap:22px; align-items:start; }
.mrd-acts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.mrd-act{ display:flex; flex-direction:column; text-align:left; border:1px solid rgba(36,52,71,.07);
  border-radius:20px; overflow:hidden; padding:0; cursor:pointer; min-height:210px;
  box-shadow:0 4px 14px rgba(36,52,71,.05); transition:transform .18s ease, box-shadow .18s ease;
  font-family:inherit; color:var(--mn); }
.mrd-act:hover{ transform:translateY(-3px); box-shadow:0 12px 26px rgba(36,52,71,.11); }
.mrd-act:focus-visible{ outline:3px solid var(--msd); outline-offset:2px; }
.mrd-act-b{ padding:18px 18px 14px; flex:1 1 auto; }
.mrd-act-ic{ display:flex; width:38px; height:38px; align-items:center; justify-content:center;
  border-radius:50%; background:rgba(255,255,255,.72); margin-bottom:10px; }
.mrd-act-ic svg{ width:20px; height:20px; }
.mrd-act-n{ display:block; font-family:'Playfair Display',Georgia,serif; font-size:1.06rem;
  font-weight:700; line-height:1.25; margin-bottom:5px; }
.mrd-act-d{ display:block; font-size:.86rem; line-height:1.45; color:var(--mn2); }
.mrd-act-img{ display:block; width:100%; height:78px; object-fit:cover; }
.mrd-act.is-sage{ background:var(--msp) !important; }
.mrd-act.is-blush{ background:var(--mbl) !important; }
.mrd-act.is-blue{ background:var(--mpb) !important; }
.mrd-act.is-oat{ background:var(--moa) !important; }

.mrd-tlg{ background:var(--mbl) !important; border:1px solid var(--mbm); border-radius:22px;
  padding:24px 22px; box-shadow:0 6px 20px rgba(36,52,71,.06); }
.mrd-tlg-h{ font-family:'Playfair Display',Georgia,serif; font-size:1.5rem; line-height:1.12;
  font-weight:700; color:var(--mn) !important; margin:0 0 4px; }
.mrd-tlg-h .mrd-d{ font-family:'Caveat',cursive; color:var(--mro) !important; font-size:1.2em; }
.mrd-tlg-s{ font-size:.85rem; color:var(--mn2); margin-bottom:16px !important; }
.mrd-int{ display:flex; align-items:center; gap:11px; width:100%; text-align:left; padding:11px 10px;
  min-height:46px; background:rgba(255,255,255,.62) !important; border:1px solid rgba(255,255,255,.9);
  border-radius:13px; margin-bottom:9px; cursor:pointer; font:inherit; font-size:.94rem; color:var(--mn); }
.mrd-int:hover{ background:#fff !important; }
.mrd-int .mrd-box{ flex:0 0 auto; width:20px; height:20px; border-radius:50%;
  border:1.6px solid var(--mro); display:inline-flex; align-items:center; justify-content:center;
  font-size:.7rem; color:#fff; }
.mrd-int.is-on .mrd-box{ background:var(--mro); }
.mrd-int.is-on span:last-child{ color:var(--mro2); }
.mrd-addbig{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%;
  min-height:48px; margin-top:6px; border-radius:14px; border:0; cursor:pointer;
  background:var(--mro) !important; color:#fff !important; font:inherit; font-weight:700;
  font-size:1rem; }
.mrd-addbig:hover{ background:var(--mro2) !important; }

/* ---- 4/5/6. TODAY'S RHYTHM + SIDE ---------------------------------------- */
.mrd-main{ display:grid; grid-template-columns:minmax(0,60fr) minmax(0,40fr); gap:22px;
  align-items:start; margin-top:30px; }
.mrd-panel{ position:relative; background:var(--mw); border:1px solid var(--mln);
  border-radius:22px; padding:22px; box-shadow:0 6px 20px rgba(36,52,71,.05); }
.mrd-phead{ display:flex; align-items:center; justify-content:space-between; gap:12px;
  flex-wrap:wrap; margin-bottom:6px; }
.mrd-dnav{ display:flex; align-items:center; gap:6px; }
.mrd-nb{ width:44px; height:44px; min-width:44px; border-radius:50%; border:1px solid var(--mln);
  background:var(--mcr) !important; cursor:pointer; color:var(--mn); font-size:1rem; line-height:1; }
.mrd-nb:hover{ background:var(--msp) !important; }
.mrd-dlab{ font-weight:700; font-size:.95rem; min-width:170px; text-align:center; }
.mrd-dpick{ position:relative; width:44px; height:44px; border-radius:50%; border:1px solid var(--mln);
  background:var(--mcr) !important; cursor:pointer; display:inline-flex; align-items:center;
  justify-content:center; }
.mrd-dpick input{ position:absolute; inset:0; opacity:0; cursor:pointer; }
.mrd-tl{ position:relative; margin-top:14px; padding-left:4px; }
.mrd-tl::before{ content:''; position:absolute; left:19px; top:12px; bottom:12px; width:2px;
  background:linear-gradient(180deg,var(--msp),var(--mbm)); border-radius:2px; }
.mrd-e{ position:relative; display:grid; grid-template-columns:40px minmax(0,1fr); gap:14px;
  padding:0 0 16px; }
.mrd-e-ic{ position:relative; z-index:2; width:40px; height:40px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; background:var(--msp);
  border:3px solid #fff; box-shadow:0 0 0 1px var(--mln); }
.mrd-e-ic svg{ width:18px; height:18px; }
.mrd-e-b{ background:var(--mcr); border:1px solid var(--mln); border-radius:16px; padding:12px 14px; }
.mrd-e.is-fav .mrd-e-b{ background:#FDF4F4; border-color:var(--mbm); }
.mrd-e-t{ font-size:.76rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--mn2); }
.mrd-e-n{ font-family:'Playfair Display',Georgia,serif; font-size:1.06rem; font-weight:700;
  margin:2px 0 3px; line-height:1.25; }
.mrd-e-m{ font-size:.84rem; color:var(--mn2); }
.mrd-e-q{ font-size:.9rem; color:var(--mn); margin-top:6px !important; font-style:italic; }
.mrd-e-ph{ display:block; margin-top:9px; width:100%; max-width:220px; height:120px;
  object-fit:cover; border-radius:12px; }
.mrd-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.mrd-ch{ font-size:.72rem; font-weight:700; padding:3px 9px; border-radius:40px;
  background:#fff !important; border:1px solid var(--mln); color:var(--mn2) !important; }
.mrd-ch.is-mood{ background:var(--mbl) !important; color:var(--mro2) !important; border-color:var(--mbm); }
.mrd-e-more{ position:absolute; top:4px; right:4px; width:44px; height:44px; border-radius:50%;
  border:0; background:transparent !important; cursor:pointer; color:var(--mn2); font-size:1rem;
  line-height:1; }
.mrd-e-more:hover{ background:#fff !important; }
.mrd-menu{ position:absolute; top:46px; right:8px; z-index:9; background:#fff; border:1px solid var(--mln);
  border-radius:14px; box-shadow:0 12px 30px rgba(36,52,71,.16); padding:6px; min-width:172px; }
.mrd-menu button, .mrd-menu label{ display:flex; align-items:center; gap:8px; width:100%;
  min-height:44px; padding:8px 10px; border:0; border-radius:10px; background:transparent !important;
  cursor:pointer; font:inherit; font-size:.9rem; color:var(--mn); text-align:left; }
.mrd-menu button:hover, .mrd-menu label:hover{ background:var(--msp) !important; }
.mrd-menu input[type=file]{ display:none; }
.mrd-planned .mrd-e-b{ background:#fff; border-style:dashed; }
.mrd-tick{ margin-top:8px; min-height:44px; padding:8px 14px; border-radius:40px; border:1px solid var(--ms);
  background:#fff !important; color:var(--msd) !important; font:inherit; font-weight:700;
  font-size:.84rem; cursor:pointer; }
.mrd-tick:hover{ background:var(--msp) !important; }
.mrd-none{ text-align:center; color:var(--mn2); padding:26px 10px; font-size:.95rem; }
.mrd-fab{ position:absolute; right:18px; bottom:18px; width:56px; height:56px; border-radius:50%;
  border:0; cursor:pointer; background:var(--mro) !important; color:#fff !important; font-size:1.6rem;
  line-height:1; box-shadow:0 10px 24px rgba(168,83,106,.34); }
.mrd-fab:hover{ background:var(--mro2) !important; }
.mrd-demo{ margin-top:16px; font-size:.8rem; color:var(--mn2); display:flex; gap:8px;
  align-items:center; flex-wrap:wrap; }
.mrd-link{ background:transparent !important; border:0; padding:6px 2px; min-height:44px;
  font:inherit; font-size:.85rem; font-weight:700; color:var(--msd) !important; cursor:pointer;
  text-decoration:underline; }

.mrd-side{ display:flex; flex-direction:column; gap:22px; }
.mrd-ins{ display:flex; flex-direction:column; gap:12px; margin-top:14px; }
.mrd-i{ display:grid; grid-template-columns:40px minmax(0,1fr); gap:12px; align-items:start;
  border-radius:16px; padding:14px; border:1px solid rgba(36,52,71,.06); }
.mrd-i.t1{ background:var(--msp) !important; }
.mrd-i.t2{ background:var(--mbl) !important; }
.mrd-i.t3{ background:var(--mpb) !important; }
.mrd-i-ic{ width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.75);
  display:flex; align-items:center; justify-content:center; }
.mrd-i-ic svg{ width:19px; height:19px; }
.mrd-i-x{ font-size:.95rem; line-height:1.5; }
.mrd-i-s{ display:block; font-size:.74rem; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; color:var(--mn2); margin-top:5px; }
.mrd-fine{ font-size:.76rem; color:var(--mn2); margin-top:12px !important; line-height:1.5; }
.mrd-otd-img{ width:100%; height:168px; object-fit:cover; border-radius:16px; margin:14px 0 12px; display:block; }
.mrd-otd-w{ font-family:'Caveat',cursive; font-size:1.3rem; color:var(--mro2); line-height:1.3; }
.mrd-otd-l{ font-size:.9rem; color:var(--mn2); margin-top:8px !important; line-height:1.55; }
.mrd-b{ display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:10px 18px;
  border-radius:40px; border:1px solid var(--mln); background:#fff !important; cursor:pointer;
  font:inherit; font-weight:700; font-size:.9rem; color:var(--mn) !important; margin-top:14px; }
.mrd-b:hover{ background:var(--msp) !important; }
.mrd-b.is-go{ background:var(--msd) !important; color:#fff !important; border-color:var(--msd); }
.mrd-b.is-go:hover{ background:#4F6144 !important; }
.mrd-b.is-rose{ background:var(--mro) !important; color:#fff !important; border-color:var(--mro); }
.mrd-more{ background:transparent !important; border:0; font:inherit; font-size:.88rem; font-weight:700;
  color:var(--msd) !important; cursor:pointer; min-height:44px; padding:0 4px; }

/* ---- 7. WEEKLY RHYTHM ---------------------------------------------------- */
.mrd-week{ margin-top:30px; background:linear-gradient(180deg,#FDFBF7,#F7F2E9);
  border:1px solid var(--mln); border-radius:22px; padding:24px; }
.mrd-week-g{ display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:20px; align-items:center;
  margin-top:18px; }
.mrd-rings{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.mrd-ring{ background:#fff !important; border:1px solid var(--mln); border-radius:18px;
  padding:14px 6px 12px; text-align:center; cursor:pointer; font:inherit; color:var(--mn); }
.mrd-ring:hover{ box-shadow:0 8px 20px rgba(36,52,71,.1); }
.mrd-ring.is-on{ border-color:var(--ms); box-shadow:0 0 0 2px var(--msp); }
.mrd-ring svg{ width:74px !important; height:74px !important; display:block; margin:0 auto 8px; }
.mrd-ring-n{ display:block; font-size:.82rem; font-weight:700; }
.mrd-ring-v{ display:none; }
.mrd-wnote{ font-family:'Caveat',cursive; font-size:1.55rem; line-height:1.2; text-align:center;
  color:var(--mro2); background:var(--mbl) !important; border:1px solid var(--mbm);
  border-radius:18px; padding:18px 14px; }
.mrd-wlist{ margin-top:16px; border-top:1px solid var(--mln); padding-top:14px; }
.mrd-wrow{ display:flex; justify-content:space-between; gap:12px; padding:8px 0; font-size:.9rem;
  border-bottom:1px dashed var(--mln); }
.mrd-wrow b{ font-weight:700; }

/* ---- podcasts ------------------------------------------------------------ */
.pod-sec{ margin-top:30px; }
.pod-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:16px; }
.pod-c{ border:1px solid var(--mln); border-radius:18px; padding:16px; background:var(--mcr); }
.pod-n{ font-family:'Playfair Display',Georgia,serif; font-size:1.08rem; font-weight:700;
  color:var(--mn) !important; margin:2px 0 2px; line-height:1.25; }
.pod-ep{ font-size:.88rem; color:var(--mn2); }
.pod-st{ color:var(--mro); letter-spacing:.12em; font-size:.95rem; margin-top:6px !important; }
.pod-tk{ margin:10px 0 0; padding-left:18px; }
.pod-tk li{ font-size:.9rem; line-height:1.5; color:var(--mn); margin-bottom:5px; }
.pod-acts{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.pod-acts .mrd-b{ font-size:.84rem; padding:11px 14px; margin-top:0;
  flex:1 1 100%; justify-content:center; }
.pod-acts .mrd-link{ padding:6px 4px; }

/* ---- 12. SUPPORT --------------------------------------------------------- */
.mrd-support{ margin:34px 0 10px; padding:24px 0 0; border-top:1px solid var(--mln); }
.mrd-sup-g{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:14px; }
.mrd-sup{ text-align:left; padding:13px 14px; min-height:62px; border-radius:14px;
  border:1px solid var(--mln); background:#fff !important; cursor:pointer; font:inherit; color:var(--mn); }
.mrd-sup:hover{ background:var(--msp) !important; }
.mrd-sup b{ display:block; font-size:.92rem; font-weight:700; }
.mrd-sup span{ display:block; font-size:.79rem; color:var(--mn2); margin-top:2px; }

/* ---- 8. TIMELINE PAGE ---------------------------------------------------- */
#mrdTlPage{ font-family:'Nunito',system-ui,sans-serif; }
.mrd-tlbnr{ position:relative; width:100%; overflow:hidden; background:#FBF6EE; }
.mrd-tlbnr .mrd-bnr-in{ min-height:300px; }
.mrd-ctrls{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:20px 0 6px; }
.mrd-seg{ display:inline-flex; background:#fff; border:1px solid var(--mln); border-radius:40px;
  padding:3px; gap:2px; }
.mrd-seg button{ min-height:44px; padding:8px 16px; border-radius:40px; border:0; cursor:pointer;
  background:transparent !important; font:inherit; font-size:.88rem; font-weight:700; color:var(--mn2); }
.mrd-seg button.is-on{ background:var(--msd) !important; color:#fff !important; }
.mrd-dayh{ font-family:'Playfair Display',Georgia,serif; font-size:1.15rem; font-weight:700;
  margin:22px 0 10px; color:var(--mn) !important; }

/* ---- 9/10. SHEETS -------------------------------------------------------- */
.mrd-ov{ position:fixed; inset:0; z-index:99999; background:rgba(36,52,71,.42);
  display:none; align-items:center; justify-content:center; padding:20px; }
.mrd-ov.is-open{ display:flex; }
.mrd-box{ width:100%; max-width:660px; max-height:calc(100dvh - 48px); overflow-y:auto;
  background:var(--mcr); border-radius:22px; padding:22px; box-shadow:0 24px 60px rgba(36,52,71,.3);
  font-family:'Nunito',system-ui,sans-serif; color:var(--mn); }
.mrd-box-h{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  margin-bottom:6px; }
.mrd-box-h h2{ font-family:'Playfair Display',Georgia,serif; font-size:1.5rem; font-weight:700;
  margin:0; color:var(--mn) !important; }
.mrd-x{ width:40px; height:40px; min-width:40px; border-radius:50%; border:1px solid var(--mln);
  background:#fff !important; cursor:pointer; font-size:1rem; color:var(--mn); }
.mrd-f{ margin-top:14px; }
.mrd-l{ display:block; font-size:.8rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  color:var(--mn2); margin-bottom:6px; }
.mrd-in{ width:100%; min-height:46px; padding:11px 13px; border:1px solid var(--mln); border-radius:12px;
  background:#fff !important; font:inherit; font-size:.96rem; color:var(--mn); }
.mrd-in:focus{ outline:2px solid var(--ms); outline-offset:1px; }
textarea.mrd-in{ min-height:96px; resize:vertical; }
.mrd-two{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.mrd-three{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.mrd-opts{ display:flex; flex-wrap:wrap; gap:7px; }
.mrd-opt{ min-height:44px; padding:8px 14px; border-radius:40px; border:1px solid var(--mln);
  background:#fff !important; cursor:pointer; font:inherit; font-size:.86rem; font-weight:700;
  color:var(--mn2) !important; }
.mrd-opt.is-on{ background:var(--msd) !important; color:#fff !important; border-color:var(--msd); }
.mrd-opt.is-rose.is-on{ background:var(--mro) !important; border-color:var(--mro); }
.mrd-box-f{ display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }
.mrd-res{ margin-top:16px; border-top:1px solid var(--mln); padding-top:14px; }
.mrd-rc{ font-size:.85rem; color:var(--mn2); margin-bottom:10px !important; }
.mrd-prev{ margin-top:10px; width:140px; height:100px; object-fit:cover; border-radius:12px; display:block; }
.mrd-toast{ position:fixed; left:50%; bottom:26px; transform:translateX(-50%); z-index:100000;
  background:var(--mn); color:#fff; padding:12px 18px; border-radius:40px; font-family:'Nunito',sans-serif;
  font-size:.9rem; box-shadow:0 12px 30px rgba(36,52,71,.3); }

/* ---- hide what the redesign replaces ------------------------------------- */
#page-rhythm-dash #mrxSec[data-mrdhide="1"]{ display:none !important; }
#page-rhythm-dash .rdy-cta[data-mrdhide="1"]{ display:none !important; }

/* ---- responsive ---------------------------------------------------------- */
@media (max-width:1180px){
  .mrd-top{ grid-template-columns:minmax(0,1fr); }
  .mrd-acts{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .mrd-week-g{ grid-template-columns:minmax(0,1fr); }
  .mrd-wnote{ max-width:340px; margin:0 auto; }
}
@media (max-width:1000px){
  .mrd-main{ grid-template-columns:minmax(0,1fr); }
  .mrd-sup-g{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pod-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mrd-rings{ display:flex; overflow-x:auto; gap:12px; padding-bottom:8px;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
  .mrd-ring{ flex:0 0 132px; scroll-snap-align:start; }
}
@media (max-width:760px){
  .mrd-bnr-in{ display:block; min-height:0; }
  .mrd-bnr{ background:#FBF6EE; }
  .mrd-bnr-img{ position:relative; inset:auto; height:210px; }
  .mrd-bnr-img::after{ background:linear-gradient(180deg,rgba(251,246,238,0) 55%,#FBF6EE 100%); }
  .mrd-bnr-t{ padding:20px 20px 26px; }
  .mrd-chainbar{ padding:14px 20px 0; }
  .mrd-chain{ font-size:1.3rem; gap:0 8px; }
  .mrd-note{ position:relative; right:auto; top:auto; margin:0 20px 24px; max-width:none;
    font-size:1.35rem; }
  .mrd-acts{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .mrd-act{ min-height:186px; }
  .mrd-act-b{ padding:14px 13px 12px; }
  .mrd-act-d{ font-size:.8rem; }
  .mrd-h2{ font-size:1.5rem; }
  .mrd-panel{ padding:18px 14px; }
  .mrd-two, .mrd-three{ grid-template-columns:minmax(0,1fr); }
  .mrd-dlab{ min-width:0; flex:1 1 auto; }
  .mrd-e{ grid-template-columns:34px minmax(0,1fr); gap:10px; }
  .mrd-e-ic{ width:34px; height:34px; }
  .mrd-tl::before{ left:16px; }
  .mrd-fab{ right:12px; bottom:12px; }
  .mrd-sup-g{ grid-template-columns:minmax(0,1fr); }
  .pod-grid{ grid-template-columns:minmax(0,1fr); }
  .mrd-box{ padding:18px 14px; }
}
@media (prefers-reduced-motion:reduce){
  .mrd-act{ transition:none; }
  .mrd-act:hover{ transform:none; }
}