/* ==========================================================================
   riendaequestrian.com — article-toc.css
   Índice (#toc-nav-container / .toc-nav, estándar de post-optimizer).
   Escritorio: siempre abierto, a la derecha en la barra lateral.
   Móvil (< 992px): plegado encima del artículo; clic en el título lo abre (.expanded).
   ========================================================================== */

.toc-nav{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;margin:0}
.toc-nav .toc-title{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--fb);font-weight:600;font-size:var(--t14);line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--text);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:var(--t14);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(--cuero-d);border-left-color:rgba(167,117,70,.5)}
/* Scroll-spy: apartado a la vista */
.toc-list a.is-active{color:var(--cuero-d);font-weight:600;border-left-color:var(--cuero)}

@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}
}