.page-content .container{display:flex;flex-direction:row;gap:40px;max-width:1200px}.toc{flex:0 0 240px;position:sticky;top:120px;align-self:flex-start;max-height:calc(100vh - 140px);overflow-y:auto;padding:20px;border-radius:6px;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1)}.toc h3{font-size:1.1rem;font-weight:700;color:#1e2a4a;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #fdc005}.toc-sticky{display:flex;flex-direction:column;gap:8px}.toc-item,.toc-item-child{padding:6px 0;transition:all .3s ease}.toc-item a,.toc-item-child a{color:#4a5568;text-decoration:none;display:block;padding:6px 12px;border-radius:2px;transition:all .2s}.toc-item a:hover,.toc-item-child a:hover{background:rgba(253,192,5,.1);color:#fdc005;transform:translateX(4px)}.toc-item a.active,.toc-item-child a.active{background:rgba(253,192,5,.15);color:#453400;font-weight:600;border-left:3px solid #fdc005}.toc-item-child{margin-left:16px;font-size:.95rem}.content{flex:1;min-width:0;background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:#1e2a4a;margin-top:1.8em;margin-bottom:.8em;font-weight:700}.content h1:first-child,.content h2:first-child,.content h3:first-child,.content h4:first-child,.content h5:first-child,.content h6:first-child{margin-top:.8em}.content h1{font-size:2.2rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.content h2{font-size:1.8rem;padding-bottom:.4rem}.content h3{font-size:1.5rem}.content p{line-height:1.7;margin:0;color:#4a5568}.content a{color:#fdc005;text-decoration:none;font-weight:500;border-bottom:1px dashed rgba(253,192,5,.4);transition:all .2s}.content a:hover{color:#453400;border-bottom:1px solid #453400}.content code{background:rgba(253,192,5,.1);color:#fdc005;padding:.2em .4em;border-radius:4px;font-size:.95em}.content pre{background:#1e2a4a;color:#f8f9ff;padding:20px;border-radius:10px;overflow-x:auto;margin:1.5em 0;box-shadow:0 10px 20px rgba(0,0,0,.1)}.content pre code{background:rgba(0,0,0,0);color:inherit;padding:0;border-radius:0}.content ul,.content ol{margin:1.5em 0;padding-left:1.5em;line-height:1.7}.content li{margin-bottom:.8em;color:#4a5568}.content blockquote{border-left:4px solid #fdc005;background:rgba(253,192,5,.05);padding:1.2em 1.5em;margin:1.5em 0;border-radius:0 8px 8px 0;color:#4a5568}.content table{width:100%;border:1px solid #e2e8f0}.content table th,.content table td{border:1px solid #e2e8f0;padding:.75rem}.content hr{margin:3rem 0}@media (max-width: 768px){.page-content .container{flex-direction:column;gap:20px}.toc{position:relative;top:0;max-height:none;width:100%;flex:none}.content{padding:20px}.content h1{font-size:1.8rem}.content h2{font-size:1.5rem}}.toc-sticky hr:first-child{display:none}