.post-content{max-width:80ch;margin:auto;min-height:75vh}.post-content h1{margin-top:2.5rem;font-size:2.25rem;line-height:2.5rem;font-weight:700}.post-content h2{margin-top:2.5rem;font-family:Space Grotesk,monspace;font-size:1.5rem;line-height:2rem;font-weight:700}.post-content h3{margin-top:2.5rem;font-family:Space Grotesk,monspace;font-size:1.25rem;line-height:1.75rem;font-weight:700}.post-content p{margin-top:2.5rem;font-family:Space Grotesk,monspace;font-size:1.25rem;line-height:1.75rem;line-height:1.75;opacity:.9}.post-content strong{font-family:Space Grotesk,monspace;font-size:1.25rem;line-height:1.75rem;font-weight:700}.post-content blockquote{position:relative;margin-top:2.5rem;margin-bottom:2.5rem;padding-left:1rem}.post-content blockquote:before{content:"";width:3px;height:100%;display:block;position:absolute;left:0;background-color:currentColor}.post-content img{margin-top:2rem;margin-bottom:2rem;height:auto;width:100%}.post-content ol{list-style:decimal;margin-top:2rem;margin-bottom:2rem;padding-left:1.5rem}.post-content ul{list-style:disc;margin-top:2rem;margin-bottom:2rem;padding-left:2rem}.post-content ol ol{list-style:lower-latin;margin-top:1rem;margin-bottom:1rem}.post-content li{margin-top:1rem;margin-bottom:1rem;font-family:Space Grotesk,monspace;font-size:1.25rem;line-height:1.75rem}.post-content a:not(.more-link,.toc-link){text-decoration-line:underline;opacity:.8}.post-content a:not(.toc-link):hover{color:var(--accent);opacity:1}.post-content iframe{margin-top:2.5rem;margin-bottom:2.5rem;aspect-ratio:16 / 9;height:auto;width:100%}.toc{position:fixed;right:0;display:none;padding-left:2rem;padding-right:2rem}@media (min-width: 1024px){.toc{display:block}}.toc{top:50%;max-width:280px;transform:translateY(calc(-50% + 40px));z-index:2;padding:1rem}.toc:before{content:"Table of Contents";top:0;padding-top:1rem;font-weight:800;transform:translate(-24px);visibility:hidden;position:absolute;font-size:.875rem;line-height:1.25rem;text-transform:uppercase}.toc:hover{border-width:1px;border-color:var(--faint);background-color:var(--base)}.toc:hover:before{visibility:visible;transform:translate(0)}.toc:hover ol{visibility:visible}.toc:hover>ol{padding-top:8px}.toc ol{visibility:hidden;position:relative;padding-left:0}.toc ol ol{margin-top:.5rem;margin-bottom:0}.toc li{margin-top:0;margin-bottom:0;display:block;padding-left:0;font-family:Space Grotesk,monspace;font-size:.875rem;line-height:1.25rem;font-weight:700;font-style:normal}.toc li+li{margin-top:.5rem}.toc li li{font-size:13px}.toc a{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--contrast);text-decoration-line:none}.toc a.active{color:var(--accent);opacity:1}.toc a:hover{opacity:1}.toc-item{position:relative;margin-top:0;margin-bottom:0}.toc:before,.toc-link{transform:translate(24px);transition:transform .3s cubic-bezier(.25,1,.5,1),color .3s cubic-bezier(.25,1,.5,1)}.toc-link{font-weight:600}.toc-link-h3{padding-left:.5rem}.toc:hover .toc-link{transform:translate(0)}.toc-link:after{content:"";display:block;width:28px;height:3px;background-color:var(--acid);border-bottom:1px solid var(--stone);position:absolute;right:0;top:10px;z-index:2;border-radius:8px;visibility:visible;transform:translate(0);transition:transform .4s cubic-bezier(.25,1,.5,1) backwards;transform-origin:right}.toc-link:not(.active){opacity:.8}.toc-link:not(.active):after{opacity:.25}.toc-link-h3:after{width:16px}.toc:hover .toc-link:after{visibility:hidden;transform:translate(-24px)}.post-content .twitter-tweet{margin-left:auto!important;margin-right:auto!important;margin-top:2.5rem!important;margin-bottom:2.5rem!important}.astro-code{padding:2rem;background-color:var(--base-shaded)!important;border-bottom:2px solid var(--contrast)}.code-wrapper{position:relative}.code-wrapper:has(.astro-code[data-language]):after{font-family:var(--font-mono);background-color:var(--acid);border:2px solid var(--stone);color:var(--stone);display:inline-block;aspect-ratio:1/1;position:absolute;top:8px;right:8px;font-size:10px;text-transform:uppercase;font-weight:700;height:24px;text-align:center;vertical-align:middle;line-height:22px;z-index:1;padding-left:2px;padding-right:2px}.code-wrapper:has(.astro-code[data-language=html]):after{content:"HTML";aspect-ratio:4/3}.code-wrapper:has(.astro-code[data-language=css]):after{content:"CSS";aspect-ratio:4/3}.code-wrapper:has(.astro-code[data-language=js]):after{content:"JS"}img+em{display:block;text-align:center;font-size:1rem;opacity:.75;margin-top:-1rem}@media (prefers-color-scheme: dark){.astro-code,.astro-code span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;-webkit-text-decoration:var(--shiki-dark-text-decoration)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}