.toc-container{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:auto;max-width:600px;padding:20px}.toc-title{color:#333;font-size:20px;font-weight:700;margin-bottom:10px;text-align:center}.toc-list,.toc-sublist{counter-reset:section;list-style:none;padding-left:0}.toc-item{border-bottom:1px solid #ededed;counter-increment:section;margin:10px 0}.toc-item a:before{content:counter(section) ". ";font-weight:700}.toc-item a{border-radius:4px;color:#435060;display:block;font-size:16px;padding:5px 10px;text-decoration:none;transition:background-color .3s ease}.toc-item a:hover{background-color:rgba(10,160,221,.1);text-decoration:underline}.toc-sublist{counter-reset:subsection;padding-left:20px}.toc-subitem{border-bottom:1px solid #ededed;counter-increment:subsection;margin:10px 0}.toc-subitem a:before{content:counter(section) "-" counter(subsection) " ";font-weight:700}.toc-subitem a{border-radius:4px;color:#435060;display:block;font-size:16px;padding:5px 10px;text-decoration:none;transition:background-color .3s ease}.toc-subitem a:hover{background-color:rgba(10,160,221,.1);text-decoration:underline}@media (max-width:768px){.toc-container{padding:15px}.toc-title{font-size:20px}.toc-item a,.toc-subitem a{font-size:16px}.toc-subitem a:before{left:-25px}}