.til-container{display:grid;grid-template-columns:1fr 300px;gap:2rem;max-width:1400px;margin:0 auto;padding:0 20px}.til-content{min-width:0}.til-post{margin-top:3rem;padding-top:2rem;border-top:2px solid #33d17a}.til-post:first-child{margin-top:0;padding-top:0;border-top:none}.til-post h2{margin-top:0;margin-bottom:.5rem}.til-post .til-date{display:block;font-family:fira mono,monospace;font-size:.85rem;color:#33d17a;margin-bottom:1rem;opacity:.8}.til-post .til-post-content h2,.til-post .til-post-content h3,.til-post .til-post-content h4{margin-top:1.5rem;margin-bottom:1rem}.til-toc{position:relative}.til-toc .toc-sticky{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;padding:1.5rem;background:#252627;border:1px solid #33d17a;border-radius:4px}.til-toc .toc-sticky h2{margin-top:0;margin-bottom:1rem;font-size:1.2rem;color:#33d17a;border-bottom:1px solid #33d17a;padding-bottom:.5rem}.til-toc .toc-sticky nav{font-family:fira mono,monospace;font-size:.9rem;line-height:1.6}.til-toc .toc-sticky nav ul{list-style:none;padding-left:0;margin:0}.til-toc .toc-sticky nav ul ul{padding-left:1rem;margin-top:.25rem}.til-toc .toc-sticky nav li{margin:.5rem 0}.til-toc .toc-sticky nav a{color:#f8f8ff;text-decoration:none;display:block;padding:.25rem .5rem;border-left:2px solid transparent;transition:all .2s ease}.til-toc .toc-sticky nav a:hover{color:#33d17a;border-left-color:#33d17a;padding-left:.75rem}.til-toc .toc-sticky::-webkit-scrollbar{width:6px}.til-toc .toc-sticky::-webkit-scrollbar-track{background:#252627}.til-toc .toc-sticky::-webkit-scrollbar-thumb{background:#33d17a;border-radius:3px}@media(max-width:1024px){.til-container{grid-template-columns:1fr 250px;gap:1.5rem}}@media(max-width:768px){.til-container{grid-template-columns:1fr;gap:0}.til-toc{order:-1}.til-toc .toc-sticky{position:static;max-height:none;margin-bottom:2rem}}