/* JR — Memory Entry Height Auto Fix (Mobile)
   Goal: remove the huge empty gap by ensuring wrappers are not stuck with an overly-large fixed height.
*/
@media (max-width: 900px){
  /* Keep scope tight to your memory pages if body.jr-memory-page exists */
  body.jr-memory-page #bp-memory-form-wrapper,
  body.jr-memory-page #memory-forms-container,
  body.jr-memory-page #bp-memory-form-wrapper .memory-entry,
  body.jr-memory-page #bp-memory-form-wrapper .memory-entry > div{
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  /* Some themes/plugins add large bottom padding/margins; neutralize a bit */
  body.jr-memory-page #bp-memory-form-wrapper .memory-entry{
    padding-bottom: 0 !important;
    margin-bottom: 10px !important;
  }

  /* If something is forcing an explicit height inline, JS will strip it. This is just a safety net. */
}