/* Container */
.sql-accordion-widget {
    background-color: #ffffff;
    margin: 20px 0;
  }
  
  /* Individual Item */
  .public-acc-item {
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.4s ease;
  }
  
  /* When active, show the gray underline to separate from the next header */
  .public-acc-item.active {
    border-bottom: 1px solid #e0e0e0;
  }
  
  /* Header/Trigger */
  .public-acc-trigger {
    width: 100%;
    background: transparent;
    color: #990000;
    padding: 12px 0;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 24px; /* Your requested size */
    font-weight: bold;
    text-align: left;
    transition: color 0.2s ease;
    outline: none;
  }
  
  .public-acc-trigger:hover {
    color: #cc0000;
  }
  
  /* The Taller ">" Symbol */
  .acc-symbol {
    margin-right: 15px;
    font-size: 28px;  /* Adjusted to look proportional to 24px text */
    font-weight: normal;
    line-height: 1;
    display: inline-block;
    transition: transform 200ms ease;
    position: relative;
    top: -1px; /* Fine-tune vertical alignment of the symbol */
  }
  
  /* Rotate caret only for the direct trigger in the active item */
  .public-acc-item.active > .public-acc-trigger .acc-symbol {
    transform: rotate(90deg);
  }
  
  /* Panel - The Sliding Container (CSS-only collapse; JS sets exact max-height) */
  .public-acc-item > .public-acc-panel {
    max-height: 0;                /* collapsed by default */
    overflow: hidden;
    transition: max-height 300ms ease; /* smooth open/close */
  }
  
  /* Content Area */
  .public-acc-content {
    padding: 5px 0 25px 35px; /* Aligned under the text, not the symbol */
    color: #444;
    line-height: 1.7;
    font-size: 18px; /* Slightly larger content for readability */
  }
  
  /* Children container inside content, indented and separated */
  .sql-accordion-widget .public-acc-children {
    margin-top: 8px;
    padding-left: 20px;
    /*border-left: 2px solid #eee; */
    overflow: visible; /* allow inner content to grow naturally */
    display: block;
  }
  
  /* Optional: slightly smaller font for deeper levels */
  .sql-accordion-widget .public-acc-children .public-acc-trigger {
    font-size: 20px; /* a bit smaller than the 24px top level */
  }
  .sql-accordion-widget .public-acc-children .public-acc-content {
    font-size: 16px;
  }
  
  /* Optional: reduce spacing between nested items */
  .sql-accordion-widget .public-acc-children .public-acc-item {
    margin-bottom: 6px;
  }
  
  /* Accessibility: respect reduced motion */
  @media (prefers-reduced-motion: reduce) {
    .public-acc-item > .public-acc-panel,
    .public-acc-item.active > .public-acc-trigger .acc-symbol {
      transition: none !important;
    }
  }