/* ==========================================================================
   customuniformmanufacturer.com — article-toc.css
   Site skin for the post-optimizer standard TOC (.toc-nav / #toc-nav-container).
   The standard block itself (max-height:70px collapse + .expanded) is inlined
   in each post; this file only re-skins it and adds the scroll-spy state.
   Default state = collapsed; clicking the title toggles .expanded.
   ========================================================================== */

#toc-nav-container,.article-toc{background:#fff!important;border:1px solid var(--line);border-radius:var(--r)!important;box-shadow:none!important;font-family:var(--fb)}
#toc-nav-container::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--band)}
.toc-nav{padding-top:18px!important}
.toc-nav .toc-title,.article-toc-title{font-family:var(--fh)!important;font-size:var(--t16)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)!important;display:flex;align-items:center;gap:8px;min-height:32px;margin:0!important}
.toc-nav .toc-title .toc-toggle-icon{margin-left:auto;width:14px;height:14px}
.toc-toggle-icon{transition:transform .3s ease}
#toc-nav-container.expanded{max-height:calc(100vh - 140px)!important;overflow:auto!important}

.toc-list,.article-toc-list{list-style:none;padding:0;margin:8px 0 0}
.toc-list li,.article-toc-item{margin-bottom:2px}
.toc-list a,.article-toc-link{display:block;padding:7px 10px 7px 12px;border-radius:2px;font-size:13.5px!important;line-height:1.4;color:var(--g4)!important;text-decoration:none;box-shadow:inset 2px 0 0 var(--line);transition:background-color .2s,color .2s,box-shadow .2s}
.toc-list a:hover,.article-toc-link:hover{background:var(--navy)!important;color:#fff!important;padding-left:12px!important;box-shadow:inset 2px 0 0 var(--navy)}
/* scroll-spy: the section currently in view */
.toc-list a.is-active,.article-toc-link.is-active{color:var(--navy)!important;font-weight:600;background:var(--bg2);box-shadow:inset 3px 0 0 var(--orange)}

@media (prefers-reduced-motion: reduce){
  .toc-nav,.toc-list a{transition:none!important}
}