.fh-toc-box{--bg:#f8f9fa;--border:#e9ecef;--text:#212529;--hover:#0d6efd;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:1rem;margin:1rem 0;transition:.25s}
.fh-toc-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}
.fh-toc-icon{font-size:1.1rem;line-height:1;flex-shrink:0}
.fh-toc-title{margin:0;font-weight:600;font-size:.95rem;color:var(--text)}
.fh-toc-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.25rem}
.fh-toc-item{font-size:.9rem}
.fh-toc-item a{color:var(--text);text-decoration:none;display:block;padding:.25rem .5rem;border-radius:6px;transition:.2s;border-right:3px solid transparent;word-break:break-word}
.fh-toc-item a:hover{background:rgba(13,110,253,.08);color:var(--hover);border-right-color:var(--hover)}
/* dark mode */
.dark .fh-toc-box{--bg:#1e1f22;--border:#2d2f33;--text:#e4e6eb;--hover:#5890ff}
/* موبایل */
@media(max-width:576px){
.fh-toc-box{padding:.75rem;margin:.75rem 0;border-radius:8px}
.fh-toc-header{gap:.35rem;margin-bottom:.4rem}
.fh-toc-icon{font-size:1rem}
.fh-toc-title{font-size:.85rem}
.fh-toc-list{gap:.15rem}
.fh-toc-item{font-size:.82rem}
.fh-toc-item a{padding:.2rem .4rem;border-radius:4px}
}