/* ==========================================================================
   equestrianwearfactory.com — article-toc.css
   Inhaltsverzeichnis (#toc-nav-container / .toc-nav, post-optimizer-Standard).
   Desktop: immer offen, rechts in der Seitenleiste.
   Mobil (< 992px): eingeklappt über dem Beitrag, Klick auf den Titel klappt auf (.expanded).
   ========================================================================== */

.toc-nav{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:18px 20px;margin:0}
.toc-nav .toc-title{display:flex;align-items:center;gap:8px;margin:0;font:600 var(--fs-label)/1.3 var(--ff-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--stone-600);cursor:pointer;user-select:none;border:0;padding:0}
.toc-nav .toc-toggle-icon{margin-left:auto;width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s ease}
.toc-nav.expanded .toc-toggle-icon{transform:rotate(-135deg) translateY(-2px)}
.toc-list{list-style:none;padding:0;margin:12px 0 0}
.toc-list li{margin:0}
.toc-list a{display:block;padding:7px 0 7px 14px;font-size:15px;line-height:1.4;color:var(--ink);text-decoration:none;border-left:2px solid var(--line);transition:color .2s,border-color .2s}
.toc-list a:hover{color:var(--green);border-left-color:var(--green-200)}
/* Scroll-Spy: Abschnitt im Blick */
.toc-list a.is-active{color:var(--green);font-weight:600;border-left-color:var(--green)}

@media (min-width:992px){
  .toc-nav .toc-title{cursor:default}
  .toc-nav .toc-toggle-icon{display:none}
  #toc-nav-container{max-height:calc(100vh - 140px);overflow:auto}
}
@media (max-width:991px){
  .toc-nav:not(.expanded) .toc-list{display:none}
  .toc-nav .toc-title{min-height:28px}
}
@media (prefers-reduced-motion: reduce){
  .toc-nav .toc-toggle-icon,.toc-list a{transition:none}
}