.post-container{display:grid;grid-template-columns:800px 300px;gap:2.5rem;max-width:1400px;margin:0 auto;padding:0}.post-container article{min-width:0}@media(max-width:1400px){.post-container{grid-template-columns:1fr 300px}}@media(max-width:1024px){.post-container{grid-template-columns:1fr}.toc-sidebar{display:none}}.toc-sidebar{position:sticky;top:2rem;height:fit-content;max-height:calc(100vh - 4rem);overflow-y:auto;padding:1.75rem;background:var(--bg-color,#ffffff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px}.toc-sidebar::-webkit-scrollbar{width:6px}.toc-sidebar::-webkit-scrollbar-track{background:0 0}.toc-sidebar::-webkit-scrollbar-thumb{background:var(--text-muted,#9ca3af);border-radius:3px}.toc-sidebar h3{font-size:1.125rem;font-weight:600;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color,#3b82f6);color:var(--text-color,#1f2937)}.toc-sidebar nav ul{margin:0;padding:0;list-style:none}.toc-sidebar nav ul li{margin:.5rem 0}.toc-sidebar nav a{display:block;padding:.5rem .625rem;color:var(--text-muted,#6b7280);text-decoration:none;border-radius:4px;transition:all .2s ease;font-size:.9375rem;line-height:1.5}.toc-sidebar nav a:hover{background:var(--hover-bg,#f3f4f6);color:var(--text-color,#1f2937)}.toc-sidebar nav ul ul a{padding-left:1.75rem;font-size:.875rem}.toc-sidebar nav ul ul ul a{padding-left:2.25rem;font-size:.875rem}@media(prefers-color-scheme:dark){.toc-sidebar{background:var(--bg-color-dark,#1f2937);border-color:var(--border-color-dark,#374151)}.toc-sidebar h3{color:var(--text-color-dark,#f3f4f6);border-color:var(--primary-color-dark,#60a5fa)}.toc-sidebar nav a{color:var(--text-muted-dark,#9ca3af)}.toc-sidebar nav a:hover{background:var(--hover-bg-dark,#374151);color:var(--text-color-dark,#f3f4f6)}}