/* Mobile-specific styles targeting the exact classes in use */

@media screen and (max-width: 767px) {
  /* Make all headings smaller on mobile */
  h2 {
    font-size: 32px !important;
    line-height: 36px !important;
  }

  h3 {
    font-size: 28px !important;
    line-height: 32px !important;
  }

  /* Reduce paragraph and list text size */
  p, li {
    font-size: 20px !important;
    line-height: 28px !important;
    padding: 0 10px !important;
  }

  /* Target accordion headers specifically */
  .accordion-header h3 {
    font-size: 24px !important;
    line-height: 28px !important;
  }

  /* Target nested accordion content */
  .accordion-content .accordion-content {
    padding: 0 5px !important;
  }

  /* Target nested accordion headers (level 2) */
  .accordion-content .accordion-header h3 {
    font-size: 22px !important;
    line-height: 26px !important;
  }

  /* Target deeply nested accordion content (level 2+) */
  .accordion-content .accordion-content p,
  .accordion-content .accordion-content li {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  /* Target very deeply nested accordion content (level 3+) */
  .accordion-content .accordion-content .accordion-content p,
  .accordion-content .accordion-content .accordion-content li {
    font-size: 16px !important;
    line-height: 22px !important;
    padding: 0 5px !important;
  }

  /* Ensure enough height for expanded content */
  .accordion-content.open {
    max-height: 2000px !important;
  }
  
   ul, ol {
    padding-left: 15px !important; /* Reduce the default left padding */
    margin-left: 0 !important;     /* Remove any left margin */
  }
  
  /* Further reduce indentation for nested lists */
  .accordion-content ul, 
  .accordion-content ol {
    padding-left: 12px !important;
  }
  
  /* Even less indentation for deeply nested lists */
  .accordion-content .accordion-content ul,
  .accordion-content .accordion-content ol {
    padding-left: 10px !important;
  }
  
  /* Adjust list item spacing */
  li {
    margin-bottom: 8px !important; /* Space between list items */
    padding-right: 8px !important; /* Reduce right padding */
  }
  
}