.blog-toc{background:#f8fafc;border:1px solid #e2e8f0;border-radius:0.85rem;padding:1.25rem 1.5rem;margin:2rem 0 2.5rem 0;position:relative;box-shadow:0 2px 10px rgba(0, 0, 0, 0.03);}.blog-toc-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;}.blog-toc-title{display:flex;align-items:center;gap:0.5rem;font-size:1.15rem;font-weight:700;color:var(--clr-primary, #4c047a);}.blog-toc-title i{font-size:1.3rem;}.blog-toc-toggle{background:#ffffff;border:1px solid #cbd5e1;border-radius:0.5rem;padding:0.35rem 0.75rem;font-size:0.85rem;font-weight:600;color:#475569;cursor:pointer;display:inline-flex;align-items:center;gap:0.35rem;transition:all 0.2s ease;}.blog-toc-toggle:hover{background:#f1f5f9;color:var(--clr-primary, #4c047a);border-color:var(--clr-primary, #4c047a);}.blog-toc-toggle-icon{font-size:1rem;transition:transform 0.25s ease;}.blog-toc-toggle[aria-expanded="false"] .blog-toc-toggle-icon{transform:rotate(-90deg);}.blog-toc-list{margin:1rem 0 0 0;padding-left:1.4rem;list-style:decimal;transition:max-height 0.3s ease, opacity 0.25s ease;}.blog-toc-list.is-collapsed{display:none;}.blog-toc-item{margin-bottom:0.5rem;line-height:1.5;}.blog-toc-item-h3{margin-left:1.2rem;list-style:disc;font-size:0.94rem;}.blog-toc-link{color:#334155;text-decoration:none;font-size:0.98rem;font-weight:500;transition:color 0.15s ease, padding-left 0.15s ease;}.blog-toc-link:hover{color:var(--clr-primary, #4c047a);text-decoration:underline;}@media (max-width:768px){.blog-toc{padding:1rem 1.15rem;margin:1.5rem 0 2rem 0;}.blog-toc-title{font-size:1.05rem;}.blog-toc-link{font-size:0.92rem;}}