/* My Kitchen hero spacing. `hu-hero-flush` sets .hu-mk-hero{margin-top:0!important},
   so the space above the banner comes from its CONTAINER's py-12/py-14 padding —
   that is what has to shrink, not the hero margin. */
html body #page-dashboard.active #huKitchenReact .max-w-7xl{
  padding-top:14px !important;
}
html body #page-dashboard.active #huKitchenReact .hu-mk-hero{
  /* margin-top MUST stay 0: older rules pull it up by -40/-48px, which cropped
     the top of the banner behind the nav (40px of a 178px image at 360). All the
     spacing is done with the container padding above instead. */
  margin-top:0 !important;
  margin-bottom:18px !important;
}
@media (max-width:640px){
  html body #page-dashboard.active #huKitchenReact .max-w-7xl{ padding-top:8px !important; }
  html body #page-dashboard.active #huKitchenReact .hu-mk-hero{ margin-bottom:14px !important; }
}