.code-block-container.svelte-15xs2go{margin:1rem 0;border-radius:.2rem;overflow:hidden;position:relative}.code-editor.svelte-15xs2go{width:100%}.copy-button.svelte-15xs2go{position:absolute;top:.5rem;right:.5rem;background-color:#ffffffe6;border:1px solid #d1d5db;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#374151;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:all .2s;backdrop-filter:blur(4px);z-index:10}.copy-button.svelte-15xs2go:hover{background-color:#f9fafb;border-color:#9ca3af}.copy-button.copied.svelte-15xs2go{background-color:#dcfce7;border-color:#16a34a;color:#16a34a}.copy-icon.svelte-15xs2go{width:.875rem;height:.875rem}.code-block-container .cm-editor{border-radius:.2rem;border:1px solid #e5e7eb;background-color:#f9fafb}.code-block-container .cm-content{padding:.75rem;min-height:auto;line-height:1.6}.code-block-container .cm-focused{outline:none}.code-block-container .cm-scroller{font-family:Monaspace Neon,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.code-block-container .cm-gutters{background-color:#f3f4f6;border-right:1px solid #e5e7eb;color:#6b7280;font-size:.825rem}.code-block-container .cm-lineNumbers .cm-gutterElement{padding:0 .5rem;min-width:2rem;line-height:1.5}@media (max-width: 768px){.copy-button.svelte-15xs2go{top:.375rem;right:.375rem;padding:.25rem .5rem;font-size:.7rem}.copy-icon.svelte-15xs2go{width:.75rem;height:.75rem}}.blog-content.svelte-1qxv9cb{line-height:1.7;color:#374151}.blog-content h1{font-size:2rem;font-weight:700;color:#1f2937;margin:2rem 0 1rem;line-height:1.3}.blog-content h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:1.75rem 0 .75rem;line-height:1.4}.blog-content h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:1.5rem 0 .5rem;line-height:1.4}.blog-content h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:1.25rem 0 .5rem;line-height:1.4}.blog-content p{margin:1rem 0;line-height:1.7}.blog-content ul,.blog-content ol{margin:1rem 0;padding-left:1.5rem}.blog-content li{margin:.5rem 0;line-height:1.6}.blog-content blockquote{border-left:4px solid #0061fe;padding-left:1rem;margin:1.5rem 0;font-style:italic;color:#6b7280}.blog-content a{color:#0061fe;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.blog-content a:hover{border-bottom-color:#0061fe}.blog-content strong{font-weight:600;color:#1f2937}.blog-content em{font-style:italic}.blog-content code{background-color:#f3f4f6;color:#e11d48;padding:.125rem .25rem;border-radius:.2rem;font-size:.875em;font-family:Monaspace Neon,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.blog-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog-content th,.blog-content td{border:1px solid #e5e7eb;padding:.75rem;text-align:left}.blog-content th{background-color:#f9fafb;font-weight:600;color:#1f2937}.blog-content hr{border:none;border-top:1px solid #e5e7eb;margin:2rem 0}.blog-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1.5rem 0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:block}.blog-content figure{margin:2rem 0;text-align:center}.blog-content figure img{margin:0 0 .5rem}.blog-content figcaption{font-size:.875rem;color:#6b7280;font-style:italic;margin-top:.5rem}.code-block-placeholder{margin:1rem 0;display:block}@media (max-width: 992px){.blog-content{font-size:.95rem}.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-content h4{font-size:1.125rem}.blog-content blockquote{padding:1rem 1.25rem;margin:1.5rem 0}.blog-content pre{padding:1rem;margin:1.5rem 0}}@media (max-width: 768px){.blog-content{font-size:.9rem;line-height:1.6}.blog-content h1{font-size:1.75rem;margin:1.5rem 0 1rem}.blog-content h2{font-size:1.375rem;margin:1.25rem 0 .75rem}.blog-content h3{font-size:1.125rem;margin:1rem 0 .5rem}.blog-content h4{font-size:1rem;margin:1rem 0 .5rem}.blog-content h5{font-size:.95rem}.blog-content h6{font-size:.9rem}.blog-content p{margin:0 0 1rem}.blog-content blockquote{padding:.75rem 1rem;margin:1rem 0;font-size:.875rem}.blog-content ul,.blog-content ol{margin:1rem 0;padding-left:1.25rem}.blog-content li{margin-bottom:.375rem}.blog-content pre{padding:.75rem;margin:1rem 0;font-size:.8rem;overflow-x:auto}.blog-content code{font-size:.8rem;padding:.125rem .25rem}.blog-content table{font-size:.8rem}.blog-content th,.blog-content td{padding:.5rem}.blog-content img{margin:1rem 0}.blog-content figure{margin:1.5rem 0}.blog-content figcaption{font-size:.8rem}}.blog-post-page.svelte-1mwq4ip{min-height:100vh;display:flex;flex-direction:column;background-color:#fff}.container.svelte-1mwq4ip{max-width:800px;margin:0 auto;padding:0 1.5rem}.post-header.svelte-1mwq4ip{background:linear-gradient(135deg,#0061fe,#0052d4);color:#fff;padding:2rem 0 3rem}.post-header-with-image.svelte-1mwq4ip{position:relative;color:#fff}.post-featured-image.svelte-1mwq4ip{position:relative;width:100%;height:500px;overflow:hidden}.post-featured-image.svelte-1mwq4ip img:where(.svelte-1mwq4ip){width:100%;height:100%;object-fit:cover;display:block}.post-header-overlay.svelte-1mwq4ip{position:absolute;inset:0;background:linear-gradient(to bottom,#00000080,#0009,#000c);display:flex;align-items:flex-end;padding:3rem 0}.post-header-overlay.svelte-1mwq4ip .container:where(.svelte-1mwq4ip){width:100%}.breadcrumb.svelte-1mwq4ip{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;flex-wrap:wrap}.breadcrumb-link.svelte-1mwq4ip{color:#fffc;text-decoration:none;transition:color .2s}.breadcrumb-link.svelte-1mwq4ip:hover{color:#fff}.breadcrumb-separator.svelte-1mwq4ip{color:#fff9}.breadcrumb-current.svelte-1mwq4ip{color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.post-meta.svelte-1mwq4ip{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.875rem;color:#fffc}.read-time.svelte-1mwq4ip{position:relative}.read-time.svelte-1mwq4ip:before{content:"•";margin-right:1rem;color:#fff9}.post-title.svelte-1mwq4ip{font-size:2.5rem;font-weight:700;margin:0 0 1.5rem;line-height:1.2}.post-tags.svelte-1mwq4ip{display:flex;flex-wrap:wrap;gap:.5rem}.post-tag.svelte-1mwq4ip{background-color:#fff3;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s}.post-tag.svelte-1mwq4ip:hover{background-color:#ffffff4d;color:#fff}.post-main.svelte-1mwq4ip{flex:1;padding:3rem 0}.post-footer.svelte-1mwq4ip{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}.back-to-blog.svelte-1mwq4ip{color:#0061fe;text-decoration:none;font-weight:500;transition:color .2s}.back-to-blog.svelte-1mwq4ip:hover{color:#0052d4}.loading.svelte-1mwq4ip,.error.svelte-1mwq4ip,.not-found.svelte-1mwq4ip{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}.loading.svelte-1mwq4ip h1:where(.svelte-1mwq4ip),.error.svelte-1mwq4ip h1:where(.svelte-1mwq4ip),.not-found.svelte-1mwq4ip h1:where(.svelte-1mwq4ip){font-size:2rem;margin-bottom:1rem;color:#1f2937}.loading.svelte-1mwq4ip p:where(.svelte-1mwq4ip),.not-found.svelte-1mwq4ip p:where(.svelte-1mwq4ip){color:#6b7280;margin-bottom:2rem}.error.svelte-1mwq4ip p:where(.svelte-1mwq4ip){color:#dc2626;margin-bottom:2rem}@media (max-width: 992px){.container.svelte-1mwq4ip{padding:0 1.5rem}.post-header.svelte-1mwq4ip{padding:1.75rem 0 2.5rem}.post-title.svelte-1mwq4ip{font-size:2.25rem}.post-featured-image.svelte-1mwq4ip{height:450px}.post-header-overlay.svelte-1mwq4ip{padding:2rem 0}.post-main.svelte-1mwq4ip{padding:2.5rem 0}.post-meta.svelte-1mwq4ip{font-size:.9rem}.breadcrumb-current.svelte-1mwq4ip{max-width:250px}.post-tag.svelte-1mwq4ip{font-size:.8rem;padding:.375rem .75rem}}@media (max-width: 768px){.container.svelte-1mwq4ip{padding:0 1rem}.post-header.svelte-1mwq4ip{padding:1.5rem 0 2rem}.post-title.svelte-1mwq4ip{font-size:1.75rem}.post-featured-image.svelte-1mwq4ip{height:350px}.post-header-overlay.svelte-1mwq4ip{padding:1.5rem 0}.post-main.svelte-1mwq4ip{padding:2rem 0}.post-meta.svelte-1mwq4ip{font-size:.8rem;margin-bottom:1rem}.post-title.svelte-1mwq4ip{margin-bottom:1rem}.breadcrumb-current.svelte-1mwq4ip{max-width:200px}.post-tag.svelte-1mwq4ip{font-size:.75rem;padding:.25rem .5rem}.breadcrumb.svelte-1mwq4ip{font-size:.8rem}.breadcrumb-current.svelte-1mwq4ip{word-break:break-word}.back-to-blog.svelte-1mwq4ip{font-size:.9rem}.loading.svelte-1mwq4ip h1:where(.svelte-1mwq4ip),.error.svelte-1mwq4ip h1:where(.svelte-1mwq4ip),.not-found.svelte-1mwq4ip h1:where(.svelte-1mwq4ip){font-size:1.5rem}.loading.svelte-1mwq4ip p:where(.svelte-1mwq4ip),.not-found.svelte-1mwq4ip p:where(.svelte-1mwq4ip),.error.svelte-1mwq4ip p:where(.svelte-1mwq4ip){font-size:.9rem}}