@layer components{.blog-post{--prose-body:#636363;--prose-link:#000;--prose-pre-bg:var(--background)}html.dark .blog-post{--prose-body:#c4c2c0;--prose-link:#fff;--prose-pre-bg:rgba(255,255,255,0.04)}.blog-post .post-content{overflow-wrap:break-word}.blog-post .post-content h2{font-family:var(--font-syne),sans-serif;font-size:1.6rem;font-weight:700;margin:2.5rem 0 .5rem}.blog-post .post-content h3{font-size:1.15rem;font-weight:600;margin-top:2rem;margin-bottom:.5rem}.blog-post .post-content h3,.blog-post .post-content h4{font-family:var(--font-syne),sans-serif}.blog-post .post-content ol,.blog-post .post-content p,.blog-post .post-content ul{line-height:1.75;margin-bottom:1rem;color:var(--prose-body)}.blog-post .post-content ol,.blog-post .post-content ul{padding-left:1.5rem}.blog-post .post-content li{margin-bottom:.25rem}.blog-post .post-content a{color:var(--prose-link);text-decoration:none}.blog-post .post-content a:hover{opacity:.65}.blog-post .post-content img{display:block;max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.blog-post .post-content img.blog-img--portrait{width:50%;margin-left:auto;margin-right:auto}.blog-post .post-content img.blog-center-img{display:block;height:40px;width:auto;margin:.75rem auto;border-radius:0}.blog-img-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin:1.5rem 0}.blog-img-row img{width:100%;min-width:0;margin:0}@media (max-width:480px){.blog-img-row{grid-template-columns:1fr}}.blog-post .post-content blockquote{border-left:3px solid #888;padding-left:1rem;color:#888;font-style:italic;margin:1rem 0}.blog-post .post-content code{font-family:var(--font-dm-mono),monospace;font-size:.85em;background:var(--border);padding:1px 5px;border-radius:3px}html.dark .blog-post .post-content code{color:var(--foreground)}.blog-post .post-content pre{background:var(--prose-pre-bg);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;overflow-x:auto;margin:1.5rem 0}.blog-post .post-content pre code{background:none;padding:0;font-size:.8rem;line-height:1.6}.blog-post .post-content pre code span{color:var(--shiki-light)}html.dark .blog-post .post-content pre code span{color:var(--shiki-dark)}}