.post-content.svelte-ixffn9 pre{background-color:#f7f7f8;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0;font-size:.95rem;line-height:1.6;font-family:Fira Code,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;border:1px solid #e0e0e0}.post-content.svelte-ixffn9 code{background-color:#f0f0f2;padding:.2rem .4rem;border-radius:.3rem;font-family:Fira Code,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.95em}.post-content.svelte-ixffn9 pre>code{background-color:transparent;padding:0}.blog-post.svelte-ixffn9{max-width:768px;margin:0 auto;padding:2rem 1.5rem 4rem;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.blog-post.visible.svelte-ixffn9{opacity:1;transform:translateY(0)}.post-header.svelte-ixffn9{margin-bottom:2.5rem}.post-meta.svelte-ixffn9{margin-bottom:.75rem;font-size:.875rem;color:#888;display:flex;flex-wrap:wrap;gap:.75rem}.post-author.svelte-ixffn9{font-weight:500}h1.svelte-ixffn9{font-size:2.75rem;line-height:1.2;font-weight:700;color:#1a1a1a;margin-bottom:1.25rem}.post-tags.svelte-ixffn9{margin-top:.5rem}.tag.svelte-ixffn9{background-color:#eef6fc;color:#1e88e5;font-size:.75rem;padding:.3rem .65rem;border-radius:9999px;display:inline-block;margin-right:.5rem;font-weight:500;letter-spacing:.03em}.post-image.svelte-ixffn9{margin-bottom:2.5rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.post-image.svelte-ixffn9 img:where(.svelte-ixffn9){width:100%;height:auto;display:block;border-radius:12px}.post-content.svelte-ixffn9{font-size:1.125rem;line-height:1.8;color:#2e2e2e}.post-content.svelte-ixffn9 h2,.post-content.svelte-ixffn9 h3,.post-content.svelte-ixffn9 h4{margin-top:2.5rem;margin-bottom:1rem;color:#1a1a1a}.post-content.svelte-ixffn9 p{margin-bottom:1.25rem}.post-footer.svelte-ixffn9{margin-top:4rem;padding-top:2rem;border-top:1px solid #ddd}.post-nav.svelte-ixffn9{margin-top:2rem}.back-link.svelte-ixffn9{display:inline-block;color:#d62828;text-decoration:none;font-weight:600;transition:color .25s ease}.back-link.svelte-ixffn9:hover{color:#ba1f1f}@media (max-width: 640px){h1.svelte-ixffn9{font-size:2rem}.post-content.svelte-ixffn9{font-size:1rem}}