.post-content{max-width:38em;font-size:var(--text);line-height:1.556}.post-header{padding-top:3.5rem;padding-bottom:2.5rem}@media (width>=768px){.post-header{padding-top:6rem;padding-bottom:3.5rem}}.post-content h1{font-size:var(--text-lg);letter-spacing:-.016em;margin:0;font-weight:400;line-height:1.4}.post-content .post-meta{font-size:var(--text);color:var(--contrast-shaded);margin:0 0 .5rem;line-height:1.556}.post-content h2{letter-spacing:-.01em;margin:2.4em 0 .4em;font-size:1em;line-height:1.556}.post-content h3{letter-spacing:0;margin:1.8em 0 .2em;font-size:1em;font-style:italic;font-weight:400;line-height:1.556}.post-content p{text-wrap:pretty;margin:0 0 1em}.post-content strong{letter-spacing:-.01em}.post-content blockquote{font-size:var(--text-lg);letter-spacing:-.016em;margin:1.6em 0;line-height:1.4}.post-content blockquote p{margin:0}.post-content img{border-radius:.375rem;width:100%;height:auto;margin-top:2rem;margin-bottom:2rem}.post-content ol{margin-top:1.5rem;margin-bottom:1.5rem;padding-left:1.5rem;list-style:decimal}.post-content ul{margin-top:1.5rem;margin-bottom:1.5rem;padding-left:1.5rem;list-style:outside}.post-content ol ol{margin-top:.5rem;margin-bottom:.5rem;list-style:lower-latin}.post-content li{margin:0 0 .35em;padding-left:.2em}.post-content li::marker{color:var(--contrast-shaded)}.post-content .post-back{margin:3.5rem 0 0}.post-content hr{border:0;border-top:1px solid var(--shadow);margin:2.5em 0}.post-content iframe{aspect-ratio:16/9;width:100%;height:auto;margin-top:2.5rem;margin-bottom:2.5rem}.post-content youtube-embed{aspect-ratio:16/9;background:#000;width:100%;margin-top:2.5rem;margin-bottom:2.5rem;display:block;position:relative;overflow:hidden}.post-content youtube-embed a,.post-content youtube-embed iframe{width:100%;height:100%;margin:0;display:block;position:absolute;inset:0}.post-content youtube-embed img{-o-object-fit:cover;object-fit:cover;border-radius:0;width:100%;height:100%;margin:0}.post-content youtube-embed a:after{content:"";background:#000000b8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M27 15v18l16-9z' fill='%23fff'/%3E%3C/svg%3E") 50%/68px 48px no-repeat;border-radius:12px;width:68px;height:48px;margin:-24px 0 0 -34px;transition:background-color .2s ease-in-out;position:absolute;top:50%;left:50%}.post-content youtube-embed a:hover:after,.post-content youtube-embed a:focus-visible:after{background-color:red}.post-content .tweet{border:1px solid var(--shadow);border-radius:12px;max-width:550px;margin:2.5rem auto;padding:1.1em 1.25em 1em}.post-content .tweet blockquote{font-size:inherit;line-height:inherit;letter-spacing:inherit;margin:0}.post-content .tweet .tweet-author{align-items:center;gap:.75em;margin:0 0 .75em;line-height:1.3;display:flex}.post-content .tweet .tweet-author img{border-radius:50%;width:48px;height:48px;margin:0}.post-content .tweet .tweet-name{letter-spacing:-.01em;font-weight:600;display:block}.post-content .tweet .tweet-handle,.post-content .tweet figcaption{font-size:var(--text-sm);color:var(--contrast-shaded);display:block}.post-content .tweet .tweet-text{margin:0}.post-content .tweet figcaption{margin-top:.75em}.post-content .tweet figcaption a{color:inherit}img+em{color:var(--contrast-shaded);margin-top:-1.25rem;font-size:14px;line-height:1.5;display:block}.post-content :not(pre)>code{background:var(--faint);border-radius:3px;padding:.1em .3em;font-size:.88em}.astro-code{border-radius:6px;margin:1.5em 0;padding:1.1em 1.3em;font-size:14.5px;line-height:1.55;background-color:var(--faint)!important}.code-wrapper{position:relative}.code-wrapper:has(.astro-code[data-language]):after{font-family:var(--font-sans);letter-spacing:.02em;color:var(--contrast-shaded);text-transform:uppercase;font-size:11px;position:absolute;top:10px;right:12px}.code-wrapper:has(.astro-code[data-language=html]):after{content:"HTML"}.code-wrapper:has(.astro-code[data-language=css]):after{content:"CSS"}.code-wrapper:has(.astro-code[data-language=js]):after{content:"JS"}@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}}