.blog-post{padding:var(--space-xl) 0 calc(var(--space-3xl) + 80px)}.blog-post__container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.blog-post__header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.blog-post__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}.blog-post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:var(--font-size-sm)}.blog-post__tags{display:flex;gap:var(--space-xs)}.blog-post__reading-time{font-size:var(--font-size-sm);color:var(--text-muted)}.blog-post__content :global(p){margin-bottom:var(--space-md);line-height:1.7}.blog-post__content :global(h2),.blog-post__content :global(h3),.blog-post__content :global(h4),.blog-post__content :global(h5),.blog-post__content :global(h6){font-weight:600;color:var(--text-primary)}.blog-post__content :global(h2){margin-top:var(--space-2xl);margin-bottom:var(--space-md);font-size:var(--font-size-xl);line-height:1.4}.blog-post__content :global(h2:first-child){margin-top:0}.blog-post__content :global(h3){margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-size:var(--font-size-lg);line-height:1.4}.blog-post__content :global(h4){margin-top:var(--space-lg);margin-bottom:var(--space-sm);font-size:var(--font-size-base);line-height:1.5}.blog-post__content :global(h5),.blog-post__content :global(h6){margin-top:var(--space-md);margin-bottom:var(--space-xs);font-size:var(--font-size-sm);line-height:1.5}.blog-post__content :global(p strong),.blog-post__content :global(strong){display:block;color:var(--text-primary);font-weight:700;font-size:var(--font-size-base);margin-top:var(--space-md);margin-bottom:var(--space-sm);line-height:1.5;letter-spacing:.01em}.blog-post__content :global(p:has(strong:first-child)){margin-bottom:var(--space-sm)}.blog-post__content :global(p:has(strong:first-child)+p){margin-top:0}.blog-post__content :global(img){display:block;max-width:100%;height:auto;margin:var(--space-lg) auto;border:1px solid var(--border);border-radius:var(--border-radius);cursor:pointer}.blog-post__content :global(img:not([src])){display:none}.blog-post__content :global(code:not(pre code)){font-family:var(--font-mono)!important;font-size:1em;padding:.15em .4em;background:var(--code-bg);border-radius:4px}.blog-post__content :global(pre),.blog-post__content :global(pre *),.blog-post__content :global(pre code),.blog-post__content :global(pre code *),.blog-post__content :global(pre span),.blog-post__content :global(pre span *){font-family:var(--font-mono)!important}.blog-post__content :global(pre){margin:var(--space-lg) 0;padding:var(--space-md);border-radius:var(--border-radius);overflow-x:auto;border:1px solid var(--border);font-size:var(--font-size-sm);line-height:1.6}.blog-post__content :global(pre code){color:var(--text-primary);background:none;padding:0;font-size:inherit}[data-theme=light] .blog-post__content :global(pre){background:var(--code-bg)!important;font-family:var(--font-mono)!important}[data-theme=light] .blog-post__content :global(pre code){color:#24292e!important;font-family:var(--font-mono)!important}[data-theme=light] .blog-post__content :global(pre.astro-code),[data-theme=light] .blog-post__content :global(pre.astro-code span),[data-theme=light] .blog-post__content :global(pre.astro-code code){color:#24292e!important;font-family:var(--font-mono)!important}[data-theme=light] .blog-post__content :global(pre.astro-code[data-language=plaintext]){background:var(--code-output-bg, #f8f8f8)!important;font-family:var(--font-mono)!important}[data-theme=dark] .blog-post__content :global(pre.astro-code){background-color:#0d0d0d!important;border-color:#1a1a1a;font-family:var(--font-mono)!important}[data-theme=dark] .blog-post__content :global(.astro-code),[data-theme=dark] .blog-post__content :global(.astro-code span){color:var(--shiki-dark)!important;font-family:var(--font-mono)!important}[data-theme=dark] .blog-post__content :global(pre.astro-code code),[data-theme=dark] .blog-post__content :global(pre.astro-code span){background-color:transparent!important;font-family:var(--font-mono)!important}[data-theme=dark] .blog-post__content :global(pre.astro-code[data-language=plaintext]){background-color:#0f0f0f!important;font-family:var(--font-mono)!important}@media(max-width:600px){.blog-post__title{font-size:var(--font-size-2xl)}}
