.blog-post{display:flex;margin:0 auto;max-width:1200px}.toc{background-color:#f9f9f9;border-right:1px solid #ddd;flex:1;max-height:calc(100vh - 40px);overflow-y:auto;padding:20px;position:sticky;top:20px}.toc h3{margin-top:0}.toc ul{list-style-type:none;padding-left:0}.toc li{margin-bottom:10px}.toc a{color:#000;text-decoration:none}.toc a:hover{text-decoration:underline}.content{flex:3;padding:20px}@media (max-width:768px){.blog-post{flex-direction:column}.toc{max-height:none;overflow-y:visible;position:static}}