pre.astro-code{position:relative;padding-top:3rem;margin:2.5rem 0;background-color:#06070a!important;border:1px solid var(--border);border-radius:4px;box-shadow:0 10px 40px #0009,inset 0 0 20px #00d4ff05}pre.astro-code:before{content:"SOURCE: [" attr(data-language) "]";position:absolute;top:0;left:0;width:100%;padding:.7rem 1.2rem;background:#11131cf2;border-bottom:1px solid var(--border);font-family:Share Tech Mono,monospace;font-size:.65rem;color:var(--accent);text-transform:uppercase;letter-spacing:.2em}pre.astro-code code{display:grid;overflow-x:auto}pre.astro-code .line{counter-increment:line}pre.astro-code .line:before{content:counter(line);display:inline-block;text-align:right;width:3.5rem;padding-right:1.5rem;color:var(--text-dim);border-right:1px solid var(--accent-extra-dim);position:sticky;left:0;background-color:#06070a}:not(pre)>code{padding:2px 6px;background-color:#00d4ff0f;border:1px solid var(--border);border-radius:3px;color:var(--accent);font-family:IBM Plex Mono,monospace;font-size:.9em}.post-content>ul:first-child,.post-content>ul:first-child ul{counter-reset:toc-counter;@media(min-width:640px){list-style-type:none;padding:0}}@media(min-width:640px){.post-content>ul:first-child{margin:1.5rem 0}}.post-content>ul:first-child ul{margin:0;@media(min-width:640px){margin-left:-1.5rem}}.post-content>ul:first-child li{position:relative;padding-left:0;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);counter-increment:toc-counter;@media(min-width:640px){padding-left:4.5rem}}@media(min-width:640px){.post-content>ul:first-child li:before{position:absolute;left:0;top:.2rem;width:4rem;text-align:right;content:"[ " counters(toc-counter,".") " ]";color:var(--text-dim);font-family:Share Tech Mono,monospace;font-size:.75rem;transition:all .2s ease}}.post-content>ul:first-child a{text-transform:uppercase;border-bottom:none;color:var(--text-body);transition:all .2s ease}.post-content>ul:first-child a:hover{color:var(--accent)}.post-content>ul:first-child li:has(a:hover):before{content:"->";color:var(--accent);opacity:1}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-family:Share Tech Mono,monospace;text-transform:uppercase;display:flex;gap:.5em;color:var(--accent)}@media(min-width:640px){.post-content{counter-reset:h1-counter}.post-content h1{counter-reset:h2-counter;counter-increment:h1-counter}.post-content h2{counter-reset:h3-counter;counter-increment:h2-counter}.post-content h3{counter-reset:h4-counter;counter-increment:h3-counter}.post-content h4{counter-reset:h5-counter;counter-increment:h4-counter}.post-content h5{counter-reset:h6-counter;counter-increment:h5-counter}.post-content h6{counter-increment:h6-counter}.post-content h1:before,.post-content h2:before,.post-content h3:before,.post-content h4:before,.post-content h5:before,.post-content h6:before{opacity:.6;white-space:nowrap;flex-shrink:0}.post-content h1:before{content:"[ " counter(h1-counter) " ]"}.post-content h2:before{content:"[ " counter(h1-counter) "." counter(h2-counter) " ]"}.post-content h3:before{content:"[ " counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) " ]"}.post-content h4:before{content:"[ " counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) " ]"}.post-content h5:before{content:"[ " counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "." counter(h5-counter) " ]"}.post-content h6:before{content:"[ " counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "." counter(h5-counter) "." counter(h6-counter) " ]"}}article{padding-top:6rem;padding-bottom:5rem}.post-wrapper{max-width:56rem;margin:0 auto;@media(min-width:640px){padding:0 1rem}}.post-metadata{display:flex;justify-content:space-between;background-color:var(--accent-extra-dim);padding:.5rem 1rem;font-family:Share Tech Mono,monospace;font-size:.75rem;&:before{content:"●";color:var(--accent)}}.metadata-item{display:none;&:nth-child(-n+2){display:inline}@media(min-width:640px){display:inline}}.metadata-value{color:var(--accent)}.post-content-wrapper{padding:.75em;@media(min-width:640px){padding:1.5em}}.post-title{font-size:1.8em;margin-bottom:1.5rem;@media(min-width:640px){font-size:2.5em}}.post-image{background-color:#0006;width:100%;height:auto;max-height:500px;object-fit:contain}.post-content{padding-left:1rem;padding-right:1rem;padding-bottom:3rem}.post-content img{display:flex;max-width:100%;height:auto;margin:0 auto;border:1px solid var(--border);box-shadow:0 0 20px #0006}.post-content p{color:var(--text-body);line-height:1.8;margin-bottom:1.5em}.post-content a{color:var(--accent);text-decoration:none;transition:all .2s ease}.post-content a:hover{color:#fff;text-shadow:0 0 8px var(--accent-glow)}.post-content blockquote{border-left:3px solid var(--accent);padding:.5em 0 .5em 1.5em;margin:1.5em 0;background:#00d4ff08;color:var(--text-dim);font-style:italic}.post-content table{width:100%;table-layout:fixed;border-collapse:collapse;margin-bottom:1.5em}.post-content table,.post-content th,.post-content td{border:1px solid var(--border);overflow-wrap:break-word}.post-content th{background:var(--accent-extra-dim);color:var(--accent);font-family:Share Tech Mono,monospace;text-transform:uppercase;padding:.75em}.post-content td{padding:.75em}