/*
 * JR Mobile Floating Box Height 335
 * Enforce fixed height for the "How to use" floating panel on mobile only.
 */

@media (max-width: 768px) {
  /* Target the panel when it's open (matches your existing pattern) */
  body.jr-mt-open-howto aside.jr-htu2-panel {
    /* Replace max-height with a fixed height */
    max-height: none !important;
    height: 335px !important;

    /* Keep scrolling inside the panel */
    overflow: auto !important;

    /* Defensive: ensure the element isn't constrained by min/max height elsewhere */
    min-height: 0 !important;
  }

  /* If another plugin targets the combined selector list, mirror it with stronger coverage */
  body.jr-mt-open-howto aside.jr-mhfb-box.jr-mhfb--memories-help {
    max-height: none !important;
    height: 335px !important;
    overflow: auto !important;
    min-height: 0 !important;
  }
}