body{margin:0;font-family:Arial,sans-serif;}.container{display:flex;height:100vh;}.sidebar{width:300px;background:#2c3e50;color:white;padding:20px;overflow-y:auto;}.sidebar h2{margin:0 0 20px 0;}.toc{}.toc-item{margin:5px 0;}.toc-item a{color:#ecf0f1;text-decoration:none;display:block;padding:8px;}.toc-item a:hover{background:rgba(255,255,255,0.1);}.level-0 a{font-weight:bold;}.level-1 a{padding-left:20px;}.level-2 a{padding-left:40px;}.main{flex:1;}.main iframe{width:100%;height:100%;border:none;}