.nam-accordion{--nam-border:#e3e5e8;--nam-border-width:1px;--nam-radius:0px;--nam-bg:#fff;--nam-hover:#f6f7f7;--nam-text:#1d2327;--nam-accent:#2271b1;--nam-top-bg:var(--nam-bg);--nam-top-text:var(--nam-text);--nam-top-hover:var(--nam-hover);--nam-top-active:var(--nam-accent);--nam-sub-bg:color-mix(in srgb,var(--nam-bg) 95%,#000 5%);--nam-sub-text:var(--nam-text);--nam-sub-hover:var(--nam-hover);--nam-sub-active:var(--nam-accent);--nam-font-size:inherit;--nam-font-weight:inherit;--nam-pad-x:12px;--nam-pad-y:10px;--nam-row-height:42px;--nam-arrow-color:currentColor;--nam-arrow-size:8px;--nam-top-icon-color:currentColor;--nam-top-icon-size:14px;--nam-sub-icon-color:currentColor;--nam-sub-icon-size:13px;font:inherit;color:var(--nam-text);width:100%;border-radius:var(--nam-radius);overflow:hidden}.nam-accordion *{box-sizing:border-box}.nam-accordion ul{list-style:none!important;margin:0!important;padding:0!important}.nam-item{margin:0!important;padding:0!important;border-bottom:var(--nam-border-width) solid var(--nam-border)}.nam-level .nam-level{display:none;border-top:var(--nam-border-width) solid var(--nam-border);padding-inline-start:16px!important;background:var(--nam-sub-bg);color:var(--nam-sub-text)}.nam-item.nam-open>.nam-level{display:block}.nam-trigger,.nam-row{display:flex;align-items:center;width:100%;min-height:var(--nam-row-height);background:var(--nam-top-bg);color:var(--nam-top-text);font-size:var(--nam-font-size);font-weight:var(--nam-font-weight)}.nam-level-2 .nam-trigger,.nam-level-2 .nam-row,.nam-level-3 .nam-trigger,.nam-level-3 .nam-row,.nam-level-4 .nam-trigger,.nam-level-4 .nam-row{background:var(--nam-sub-bg);color:var(--nam-sub-text)}.nam-trigger{border:0;padding:var(--nam-pad-y) var(--nam-pad-x);text-align:start;font:inherit;cursor:pointer;gap:8px}.nam-row{position:relative}.nam-link{display:flex;align-items:center;gap:8px;flex:1;padding:var(--nam-pad-y) var(--nam-pad-x);color:inherit!important;text-decoration:none!important}.nam-toggle{align-self:stretch;width:42px;min-width:42px;border:0;border-inline-start:var(--nam-border-width) solid var(--nam-border);background:transparent;color:var(--nam-arrow-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.nam-trigger:hover,.nam-level-1>.nam-item>.nam-row:hover{background:var(--nam-top-hover)}.nam-level-2 .nam-trigger:hover,.nam-level-2 .nam-row:hover,.nam-level-3 .nam-trigger:hover,.nam-level-3 .nam-row:hover,.nam-level-4 .nam-trigger:hover,.nam-level-4 .nam-row:hover{background:var(--nam-sub-hover)}.nam-label{flex:1}.nam-count{font-size:.78em;opacity:.65;margin-inline-start:8px}.nam-chevron{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--nam-arrow-size) + 4px);height:calc(var(--nam-arrow-size) + 4px);color:var(--nam-arrow-color);font-size:var(--nam-arrow-size);line-height:1;transition:transform .18s ease;flex:0 0 auto}.nam-chevron:before{content:"";display:block;width:var(--nam-arrow-size);height:var(--nam-arrow-size);border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}.nam-open>.nam-trigger .nam-chevron:before,.nam-open>.nam-row .nam-chevron:before{transform:rotate(225deg)}
.nam-accordion[data-arrow="angle"] .nam-chevron:before{content:"›";width:auto;height:auto;border:0;font-size:calc(var(--nam-arrow-size) * 1.7);font-weight:600;transform:rotate(90deg)}.nam-accordion[data-arrow="angle"] .nam-open>.nam-trigger .nam-chevron:before,.nam-accordion[data-arrow="angle"] .nam-open>.nam-row .nam-chevron:before{transform:rotate(-90deg)}.nam-accordion[data-arrow="triangle"] .nam-chevron:before{content:"▸";width:auto;height:auto;border:0;font-size:calc(var(--nam-arrow-size) * 1.35);transform:rotate(0)}.nam-accordion[data-arrow="triangle"] .nam-open>.nam-trigger .nam-chevron:before,.nam-accordion[data-arrow="triangle"] .nam-open>.nam-row .nam-chevron:before{transform:rotate(90deg)}.nam-accordion[data-arrow="plusminus"] .nam-chevron:before{content:"+";width:auto;height:auto;border:0;font-size:calc(var(--nam-arrow-size) * 1.55);font-weight:500;transform:none}.nam-accordion[data-arrow="plusminus"] .nam-open>.nam-trigger .nam-chevron:before,.nam-accordion[data-arrow="plusminus"] .nam-open>.nam-row .nam-chevron:before{content:"−";transform:none}.nam-hide-arrows .nam-chevron,.nam-hide-arrows .nam-toggle{display:none!important}.nam-accordion[data-arrow-position="start"] .nam-trigger .nam-chevron{order:-2;margin-inline-end:6px}.nam-accordion[data-arrow-position="start"] .nam-row{flex-direction:row-reverse}.nam-accordion[data-arrow-position="start"] .nam-row .nam-link{flex-direction:row-reverse}.nam-accordion[data-arrow-position="start"] .nam-row .nam-toggle{border-inline-start:0;border-inline-end:var(--nam-border-width) solid var(--nam-border)}.nam-item-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:0 0 auto}.nam-top-icon{color:var(--nam-top-icon-color);font-size:var(--nam-top-icon-size)}.nam-sub-icon{color:var(--nam-sub-icon-color);font-size:var(--nam-sub-icon-size)}.nam-current>.nam-trigger,.nam-level-1>.nam-current>.nam-row{font-weight:600;color:var(--nam-top-active)}.nam-level-2>.nam-current>.nam-trigger,.nam-level-2>.nam-current>.nam-row,.nam-level-3>.nam-current>.nam-trigger,.nam-level-3>.nam-current>.nam-row{color:var(--nam-sub-active)}
.nam-theme-clean{--nam-bg:#fff;--nam-hover:#f7f7f7;--nam-border:#e7e7e7;--nam-accent:#2b6f9f}.nam-theme-default{--nam-bg:#f8f8f8;--nam-hover:#ededed;--nam-border:#d6d6d6;--nam-accent:#21759b}.nam-theme-elegant{--nam-bg:#fff;--nam-hover:#faf8f4;--nam-border:#e8e1d7;--nam-accent:#8a6d3b}.nam-theme-bold{--nam-bg:#24272b;--nam-hover:#30343a;--nam-border:#3c4147;--nam-text:#fff;--nam-accent:#7fc7ff}.nam-theme-bold .nam-level .nam-level{background:#202327}.nam-custom-design{--nam-bg:var(--nam-top-bg);--nam-text:var(--nam-top-text);--nam-hover:var(--nam-top-hover);--nam-accent:var(--nam-top-active)}

/* 11.2 explicit direction/alignment support. Logical properties keep arrows/icons mirrored. */
.nam-accordion[dir=rtl]{direction:rtl;text-align:right}
.nam-accordion[dir=ltr]{direction:ltr;text-align:left}
.nam-accordion[dir=rtl] .nam-trigger,.nam-accordion[dir=rtl] .nam-link{text-align:right}
.nam-accordion[dir=ltr] .nam-trigger,.nam-accordion[dir=ltr] .nam-link{text-align:left}