#page-my-week{ background:#fff; font-family:'Nunito',system-ui,sans-serif; }
.mw-top{ background:#FBF6EC; padding:26px 20px 22px; text-align:center; position:relative; }
.mw-back{
  position:absolute; top:16px; left:18px;
  display:inline-flex; align-items:center; gap:6px;
  background:#243447; border:none; color:#fff !important; -webkit-text-fill-color:#fff !important;
  padding:10px 16px; border-radius:999px; font:inherit; font-weight:700; font-size:.8rem;
  cursor:pointer; min-height:44px;   /* WCAG target size */
}
.mw-back svg{ width:15px; height:15px; }
.mw-eb{
  font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  color:#7d9e77 !important; -webkit-text-fill-color:#7d9e77 !important; margin:0 0 8px;
}
#page-my-week h2.mw-h{
  font-family:'Playfair Display',serif; font-size:clamp(1.7rem,3.4vw,2.4rem); margin:0 0 8px;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
.mw-sub{ color:#78766c !important; -webkit-text-fill-color:#78766c !important; margin:0; font-size:1rem; }
.mw-grid{
  max-width:1240px; margin:0 auto; padding:26px 20px 70px;
  display:grid; grid-template-columns:repeat(7,1fr); gap:12px; align-items:start;
}
.mw-day{
  background:#FBF6EC; border:1px solid #EAE2D4; border-radius:18px;
  padding:14px 12px; min-height:190px;
}
.mw-day.mw-today{ border-color:#7d9e77; box-shadow:0 0 0 2px rgba(125,158,119,.18); }
.mw-day-h{
  font-weight:800; font-size:.82rem; letter-spacing:.06em; text-transform:uppercase;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
  margin:0 0 3px; display:flex; justify-content:space-between; align-items:center; gap:6px;
}
.mw-today-lbl{
  font-size:.6rem; background:#7d9e77; border-radius:999px; padding:2px 7px;
  color:#fff !important; -webkit-text-fill-color:#fff !important; letter-spacing:.04em;
}
.mw-count{ font-size:.72rem; color:#78766c !important; -webkit-text-fill-color:#78766c !important; margin:0 0 10px; }
.mw-slot{ margin-bottom:10px; }
.mw-slot-h{
  font-size:.62rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:#a8a496 !important; -webkit-text-fill-color:#a8a496 !important; margin:0 0 5px;
}
.mw-it{
  background:#fff; border:1px solid #EAE2D4; border-radius:12px;
  padding:9px 10px; margin-bottom:6px; position:relative;
  transition:transform .16s ease, box-shadow .16s ease;
}
.mw-it:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(51,64,47,.08); }
.mw-it b{ display:block; font-size:.83rem; color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.mw-it p{ margin:3px 0 0; font-size:.75rem; color:#78766c !important; -webkit-text-fill-color:#78766c !important; }
.mw-it .mw-del{
  position:absolute; top:5px; right:5px; background:none; border:none; cursor:pointer;
  font-size:.85rem; color:#a8a496 !important; -webkit-text-fill-color:#a8a496 !important;
  width:24px; height:24px; border-radius:50%;
}
.mw-it .mw-del:hover{ background:#F4F1E8; color:#C6764F !important; -webkit-text-fill-color:#C6764F !important; }
.mw-rem{
  display:inline-flex; align-items:center; gap:4px; margin-top:5px;
  font-size:.68rem; font-weight:700;
  color:#7d9e77 !important; -webkit-text-fill-color:#7d9e77 !important;
}
.mw-none{ font-size:.75rem; color:#c3bfae !important; -webkit-text-fill-color:#c3bfae !important; font-style:italic; }
.mw-empty{
  max-width:640px; margin:30px auto 70px; text-align:center;
  background:#FBF6EC; border:1px dashed #EAE2D4; border-radius:20px; padding:36px 24px;
}
.mw-empty p{ color:#78766c !important; -webkit-text-fill-color:#78766c !important; margin:0 0 16px; }
.mw-empty button{
  background:#5E7E57; border:none; border-radius:999px; padding:13px 28px; min-height:46px;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
  font:inherit; font-weight:800; cursor:pointer;
}
.mw-back:focus-visible,.mw-empty button:focus-visible,.mw-del:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
@media (max-width:1100px){ .mw-grid{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:760px){ .mw-grid{ grid-template-columns:repeat(2,1fr); gap:10px; padding:20px 14px 50px; } }
@media (max-width:430px){ .mw-grid{ grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce){ .mw-it{ transition:none !important; } }

/* Save to My Week modal extras */
.hc-rem-row{
  display:flex; align-items:center; gap:8px; margin-top:14px;
  font-weight:700; font-size:.9rem; min-height:44px;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; cursor:pointer;
}
.hc-rem-row input{ width:18px; height:18px; accent-color:#5E7E57; cursor:pointer; }
.hc-days{ display:flex; flex-wrap:wrap; gap:8px; }
.hc-when{ display:flex; flex-wrap:wrap; gap:8px; }