.hm-mt{ display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:14px 0; border-bottom:1px solid #F4F1E8; flex-wrap:wrap; }
.hm-mt:last-child{ border-bottom:none; }
.hm-mt b{ display:block; font-size:.98rem; color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.hm-due{
  display:inline-block; font-size:.72rem; font-weight:800; border-radius:999px; padding:3px 10px; margin-top:5px;
}
.hm-due.ok{ background:#EAF1E4; color:#4d6a47 !important; -webkit-text-fill-color:#4d6a47 !important; }
.hm-due.soon{ background:#FBF1DC; color:#8a6d2f !important; -webkit-text-fill-color:#8a6d2f !important; }
.hm-due.over{ background:#F7E4DC; color:#a8502a !important; -webkit-text-fill-color:#a8502a !important; }
.hm-cal-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.hm-cal{ display:grid; grid-template-columns:repeat(7,1fr); gap:6px; }
@media (max-width:640px){
  .hm-cal{ min-width:520px; }   /* the calendar scrolls, the page does not */
}
.hm-cal-h{
  text-align:center; font-size:.7rem; font-weight:800; padding:6px 0;
  color:#a8a496 !important; -webkit-text-fill-color:#a8a496 !important;
}
.hm-cell{
  min-height:84px; border:1px solid #EAE2D4; border-radius:12px; padding:7px; background:#fff;
}
.hm-cell.today{ border-color:#7d9e77; box-shadow:0 0 0 2px rgba(125,158,119,.16); }
.hm-cell .d{ font-size:.74rem; font-weight:800; color:#78766c !important; -webkit-text-fill-color:#78766c !important; }
.hm-ev{
  display:block; font-size:.66rem; font-weight:700; border-radius:6px; padding:2px 5px; margin-top:3px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.hm-ev.kitchen{ background:#EAF1E4; color:#4d6a47 !important; -webkit-text-fill-color:#4d6a47 !important; }
.hm-ev.out{ background:#FBF1DC; color:#8a6d2f !important; -webkit-text-fill-color:#8a6d2f !important; }
.hm-ev.maint{ background:#F3E1E5; color:#9c5d70 !important; -webkit-text-fill-color:#9c5d70 !important; }
.hm-ev.other{ background:#F4F1E8; color:#78766c !important; -webkit-text-fill-color:#78766c !important; }
.hm-win{
  background:#EAF1E4; border:1px solid #C9DBC0; border-radius:20px; padding:24px; margin-bottom:20px;
}
.hm-win h3{
  font-family:'Playfair Display',serif; font-size:1.25rem; margin:0 0 10px;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
.hm-win ul{ margin:0 0 16px; padding-left:20px; }
.hm-win li{ color:#4d6a47 !important; -webkit-text-fill-color:#4d6a47 !important; line-height:1.7; }
.hm-sug{
  background:#FBF6EC; border:1px solid #EAE2D4; border-radius:16px; padding:14px 16px; margin-bottom:10px;
  display:flex; justify-content:space-between; align-items:flex-start; gap:12px; flex-wrap:wrap;
}
.hm-sug b{ display:block; font-size:.94rem; color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.hm-sug span{ font-size:.8rem; color:#a8a496 !important; -webkit-text-fill-color:#a8a496 !important; }