.blog-container{max-width:80ch;width:100%;margin:0 auto;padding:2em;position:relative;box-sizing:border-box;overflow-x:hidden}.blog-header{border:double 3px var(--orange);padding:1em;margin-bottom:2em;background:var(--bg0);text-align:center}.blog-title{color:var(--yellow);font-size:1.8em;margin-bottom:.5em;text-shadow:1px 1px 0 var(--red)}.blog-meta{color:var(--aqua);font-size:.9em;margin-bottom:.5em}.blog-nav{border:solid 3px var(--blue);padding:1em;margin-bottom:2em;background:var(--bg0);text-align:center}.blog-nav a{color:var(--aqua);text-decoration:none;margin:0 1em;padding:.2em .5em;transition:all .1s}.blog-nav a:hover{background:var(--yellow);color:var(--bg0)}.blog-content{border:solid 2px var(--green);padding:2em;margin:2em 0;background:var(--bg1);color:var(--fg1);line-height:1.6;overflow-x:hidden;word-wrap:break-word;width:100%;max-width:100%;box-sizing:border-box;contain:layout style}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:var(--yellow);margin:1.5em 0 .5em;text-shadow:1px 1px 0 var(--bg0)}.blog-content h1{font-size:1.8em}.blog-content h2{font-size:1.5em}.blog-content h3{font-size:1.3em}.blog-content p{margin-bottom:1em;color:var(--fg1)}.blog-content a{color:var(--fg0)!important;text-decoration:none!important}.blog-content a:hover{color:var(--yellow)!important;text-decoration:underline!important}.blog-content code{background:var(--bg0);color:var(--orange);padding:.2em .4em;border:1px solid var(--bg3);font-family:Perfect DOS VGA,Courier New,monospace}.blog-content pre{background:var(--bg0);color:var(--fg1);padding:1em;border:2px solid var(--bg3);overflow-x:auto;margin:1em 0}.blog-content pre code{background:none;border:none;padding:0;color:var(--fg1)}.blog-content blockquote{border-left:4px solid var(--purple);padding-left:1em;margin:1em 0;color:var(--fg2);font-style:italic}.blog-content ul,.blog-content ol{margin:1em 0;padding-left:2em}.blog-content li{margin-bottom:.5em;color:var(--fg1)}.blog-content hr{border:none;border-top:2px solid var(--bg3);margin:2em 0}.blog-content img{width:80%;max-width:80%;height:auto;display:block;margin:2em auto;border:2px solid var(--bg3);border-radius:4px}.blog-hero{margin:0 0 2em;border:solid 2px var(--purple);background:var(--bg0);padding:.5em}.blog-hero img{display:block;width:100%;height:auto}.blog-toc{border:solid 2px var(--aqua);background:var(--bg0);padding:1em 1.5em;margin:0 0 2em}.blog-toc-title{color:var(--aqua);text-align:center;margin-bottom:.75em;text-shadow:1px 1px 0 var(--bg0)}.blog-toc ul{list-style:none;margin:0;padding:0}.blog-toc li{margin:.25em 0}.blog-toc li.toc-depth-3{padding-left:1.5em;font-size:.9em}.blog-toc li:before{content:"► ";color:var(--green)}.blog-toc li.toc-depth-3:before{content:"└ ";color:var(--bg3)}.blog-toc a{color:var(--fg1);text-decoration:none}.blog-toc a:hover{color:var(--yellow);text-decoration:underline}.blog-content pre{position:relative}.code-copy-btn{position:absolute;top:.5em;right:.5em;background:var(--bg1);color:var(--green);border:1px solid var(--bg3);font-family:Perfect DOS VGA,Courier New,monospace;font-size:.75em;padding:.2em .6em;cursor:pointer;opacity:0;transition:opacity .15s}.blog-content pre:hover .code-copy-btn,.code-copy-btn:focus{opacity:1}.code-copy-btn:hover{background:var(--green);color:var(--bg0)}.code-copy-btn.copied{color:var(--yellow);border-color:var(--yellow)}.back-to-top{position:fixed;bottom:2em;right:2em;z-index:50;background:var(--bg0);color:var(--green);border:2px solid var(--green);font-family:Perfect DOS VGA,Courier New,monospace;font-size:.85em;padding:.4em .8em;cursor:pointer;transition:all .15s}.back-to-top:hover{background:var(--green);color:var(--bg0)}.back-to-top[hidden]{display:none}.blog-header-tags{justify-content:center;margin:.75em 0}.blog-related{border:solid 2px var(--orange);background:var(--bg0);padding:1em 1.5em;margin:2em 0}.blog-related-title{color:var(--orange);text-align:center;margin-bottom:.75em;text-shadow:1px 1px 0 var(--bg0)}.blog-related ul{list-style:none;margin:0;padding:0}.blog-related li{margin:.4em 0}.blog-related li:before{content:"► ";color:var(--green)}.blog-related a{color:var(--fg1);text-decoration:none}.blog-related a:hover{color:var(--yellow);text-decoration:underline}.blog-footer{text-align:center;margin-top:3em;padding:1em;border-top:double 3px var(--fg1);color:var(--fg3)}@media (max-width: 768px){.blog-container,.blog-content,.blog-toc,.blog-related,.social-share{padding:1em}.blog-title{font-size:1.4em}.blog-nav a{display:block;margin:.5em 0;padding:.5em}.code-copy-btn{opacity:1;font-size:.85em;padding:.4em .7em}.back-to-top{bottom:1em;right:1em;padding:.6em .9em}}@media (max-width: 926px) and (orientation: landscape){.blog-header{margin-bottom:1em}.blog-hero,.blog-toc,.blog-related,.social-share,.blog-content{margin:1em 0}}