html{scroll-behavior:smooth;font-family:roboto mono,monospace;color:#4af626;background:#121212;font-size:1rem}body{max-width:780px;margin:0 auto;padding:0 1.5rem}header nav{padding:1.2rem 0 .8rem}header nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem}header nav a{font-size:1.3rem;text-decoration:none;opacity:.7;transition:opacity .15s}header nav a:hover{opacity:1}header{margin-bottom:2.5rem}header h1{font-size:3rem;margin:.8rem 0 .4rem;font-weight:400}header hr{border:none;border-top:1px solid rgba(74,246,38,.25);margin:.8rem 0 0}.site-name{font-size:1.8rem;margin:.8rem 0 .4rem;font-weight:400}.site-name a{text-decoration:none;color:inherit}.post-card{display:block;text-decoration:none;color:inherit;border:1px solid rgba(74,246,38,.2);border-radius:8px;padding:1.1rem 1.4rem;margin-bottom:1rem;transition:border-color .2s,background .2s}.post-card:hover{border-color:#4af626;background:rgba(74,246,38,4%)}.post-card h2{margin:0 0 .35rem;font-size:1.05rem;font-weight:400}.post-card time{display:block;font-size:.72rem;opacity:.5;margin-bottom:.55rem}.post-card .excerpt{font-size:.82rem;opacity:.7;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card .excerpt *{display:inline;margin:0;font-size:inherit}.post-title{font-size:1.7rem;margin:.5rem 0 .4rem;font-weight:400;line-height:1.3}.post-date{display:block;font-size:.78rem;opacity:.5;margin-bottom:1.8rem}main hr{border:none;border-top:1px solid rgba(74,246,38,.25);margin:0 0 1.8rem}body.is-post{max-width:1080px}.post-layout.has-toc{display:grid;grid-template-columns:220px minmax(0,1fr);gap:3rem;align-items:start}.toc{position:sticky;top:1.5rem;max-height:calc(100vh - 3rem);overflow-y:auto;font-size:.8rem;line-height:1.5;border-left:1px solid rgba(74,246,38,.2);padding-left:1rem}.toc-title{margin:0 0 .8rem;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;opacity:.45}#TableOfContents ul{list-style:none;margin:0;padding:0}#TableOfContents>ul>li{margin-bottom:.5rem}#TableOfContents ul ul{margin-top:.4rem;padding-left:.9rem;font-size:.92em}.toc a{text-decoration:none;opacity:.65;transition:opacity .15s}.toc a:hover{opacity:1}.to-top{display:block;position:fixed;right:1rem;bottom:1rem;z-index:10;padding:.5rem .8rem;font-size:.75rem;text-decoration:none;color:inherit;background:#121212;border:1px solid rgba(74,246,38,.4);border-radius:8px;opacity:.85}.to-top:hover{opacity:1;border-color:#4af626}main h2,main h3,main h4{scroll-margin-top:1.5rem}main h1,main h2,main h3,main h4{font-weight:400;margin-top:2rem;margin-bottom:.6rem}main p{line-height:1.7;font-size:.95rem;margin:0 0 1rem}.post-body{overflow-wrap:break-word}main ul,main ol{font-size:.95rem;line-height:1.7;padding-left:1.5rem;margin:0 0 1rem}main table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.85rem}main th,main td{border:1px solid rgba(74,246,38,.25);padding:.5rem .7rem;text-align:left;vertical-align:top}main th{background:rgba(74,246,38,8%);font-weight:700}main blockquote{margin:1.5rem 0;padding:.1rem 0 .1rem 1.1rem;border-left:2px solid rgba(74,246,38,.35);opacity:.85}main blockquote p{margin-bottom:.6rem}main blockquote p:last-child{margin-bottom:0}.highlight{border:1px solid rgba(74,246,38,.2);border-radius:6px;background:#1a1b26;padding:.9rem 1rem;overflow-x:auto;font-size:.85rem;margin:1rem 0}code{font-family:roboto mono,monospace;font-size:.88em;background:rgba(74,246,38,8%);padding:.1em .35em;border-radius:3px}.highlight code{background:0 0;padding:0}a{color:#4af626}img{display:block;margin:1.5rem auto;max-width:100%;height:auto;border-radius:4px}footer{margin-top:3.5rem;font-size:.78rem;opacity:.4;text-align:center;padding-bottom:2rem}footer hr{border:none;border-top:1px solid rgba(74,246,38,.2);margin-bottom:1rem}@media only screen and (max-width:900px){.post-layout.has-toc{grid-template-columns:minmax(0,1fr);gap:1.5rem}.toc{position:static;max-height:none;overflow:visible;border-left:none;border:1px solid rgba(74,246,38,.2);border-radius:8px;padding:1rem 1.2rem}main table{display:block;overflow-x:auto;font-size:.8rem}main th,main td{padding:.35rem .5rem}}@media only screen and (max-width:600px){body{padding:0 1rem}nav a{font-size:1.1rem}header h1{font-size:1.4rem}.post-title{font-size:1.3rem}.post-card{padding:.9rem 1rem}.post-card .excerpt{font-size:.88rem}.highlight{font-size:.78rem}img{width:100%}}