/* =========================================================
   NGT DYNAMIC ACCORDION TOC STYLES (Minified & Updatable)
   ========================================================= */

/* 1. Parent Containers */
*:has(> .ngt-accordion-toc-wrapper){width:100%!important;max-width:100%!important;min-width:100%!important;margin-left:0!important;margin-right:0!important;align-items:stretch!important;align-self:stretch!important;flex:1 1 100%!important}

/* 2. Accordion Wrapper & Items */
.ngt-accordion-toc-wrapper{display:flex!important;flex-direction:column!important;align-items:stretch!important;align-self:stretch!important;width:100%!important;max-width:100%!important;min-width:100%!important;margin-left:0!important;margin-right:0!important;flex:1 1 100%!important;box-sizing:border-box!important;clear:both!important}
.ngt-accordion-item{display:block!important;align-self:stretch!important;width:100%!important;max-width:100%!important;min-width:100%!important;margin-bottom:20px!important;background:transparent!important;box-sizing:border-box!important;border-bottom:none!important}

/* 3. Clickable Header Row */
.ngt-accordion-header{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:100%!important;min-width:100%!important;align-self:stretch!important;flex:1 1 100%!important;background:transparent!important;cursor:pointer!important;padding:12px 0 16px 0!important;list-style:none!important;outline:none!important;box-shadow:none!important;box-sizing:border-box!important;border-bottom:1px solid var(--ngt-toc-underline)!important}
.ngt-accordion-header::-webkit-details-marker{display:none!important}
.ngt-accordion-header:focus,.ngt-accordion-item:focus{outline:none!important}

/* 4. Heading Title Text */
.ngt-heading-title{margin:0!important;transition:color .2s ease!important;flex:1 1 auto!important;width:100%!important;max-width:100%!important;display:block!important;/*font-size:clamp(1.75rem,1.75rem + ((1vw - .2rem) * .392),2rem)!important*/ /* Temporarily hidden */}

/* 5. Title Hover */
html body .ngt-accordion-toc-wrapper .ngt-accordion-header:hover .ngt-heading-title,
html body .ngt-accordion-toc-wrapper .ngt-accordion-header:hover .ngt-heading-title *{color:var(--ngt-toc-title-hover)!important}

/* 6. Arrow Base */
.ngt-toggle-icon{border:1px solid var(--ngt-toc-arrow-border)!important;background-color:var(--ngt-toc-arrow-bg)!important;border-radius:50%!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;margin-left:15px!important;transition:all .25s ease!important}
.ngt-toggle-icon::before{content:'↓'!important;color:var(--ngt-toc-arrow-color)!important;font-size:18px!important}

/* 7. Arrow Hover */
.ngt-accordion-header:hover .ngt-toggle-icon{background-color:var(--ngt-toc-arrow-hover-bg)!important;border-color:var(--ngt-toc-arrow-hover-border)!important}
.ngt-accordion-header:hover .ngt-toggle-icon::before{color:var(--ngt-toc-arrow-hover-color)!important}

/* 8. Arrow Active */
.ngt-accordion-item[open] .ngt-toggle-icon{transform:rotate(180deg)!important;background-color:var(--ngt-toc-arrow-active-bg)!important;border-color:var(--ngt-toc-arrow-active-bg)!important}

/* 9. Content Area */
details.ngt-accordion-item:not([open]) .ngt-accordion-content{display:none!important}
details.ngt-accordion-item[open] .ngt-accordion-content{display:block!important;padding:20px 0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}

/* 10. Custom Colored Arrow Helper Class */
.ngt-colored-arrow{color:#91C13D!important;margin-left:8px!important}