/* More specific selectors with higher specificity */
html body form#liquid_form {
    height: 78% !important;
    overflow: auto !important;
  }
  
  html body #mainContent {
    height: 100% !important;
  }
  
  html body .page-copy {
    height: 100% !important;
  }
  
  html body .xrm-editable-html.xrm-attribute {
    height: 100% !important;
  }
  
  html body .xrm-attribute-value {
    height: 100% !important;
  }
  
  /* Alternative approach using attribute selectors for even higher specificity */
  form[id="liquid_form"] {
    height: 78% !important;
  }
  
  div[id="mainContent"] {
    height: 100% !important;
  }

  html body {
    flex-direction: column !important;
    justify-content: space-between !important;
  }
  
  /* Force display properties that might be needed */
  #liquid_form,
  #mainContent,
  .page-copy,
  .xrm-editable-html.xrm-attribute,
  .xrm-attribute-value {
    display: block !important;
    box-sizing: border-box !important;
  }
  
  /* Handle flex containers */
  #liquid_form[style*="flex"],
  #mainContent[style*="flex"],
  .page-copy[style*="flex"],
  .xrm-editable-html.xrm-attribute[style*="flex"],
  .xrm-attribute-value[style*="flex"] {
    flex: 1 1 auto !important;
    flex-basis: auto !important;
  }
  
  /* Ensure parent containers don't constrain height */
  html, body {
    height: 100% !important;
    min-height: 100% !important;
  }