.reading-progress.svelte-1teoznn{position:fixed;top:0;left:0;height:3px;background:var(--gradient-accent);z-index:calc(var(--z-sticky) + 1);transition:width 80ms linear;pointer-events:none}.blog-post-page.svelte-1teoznn{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem;overflow-x:clip}.blog-breadcrumb.svelte-1teoznn{font-size:.8125rem;color:var(--color-slate);margin-bottom:2rem;display:flex;align-items:center;flex-wrap:wrap;gap:.375rem}.blog-breadcrumb.svelte-1teoznn a:where(.svelte-1teoznn){color:var(--color-teal);text-decoration:none}.blog-breadcrumb.svelte-1teoznn a:where(.svelte-1teoznn):hover{text-decoration:underline}.blog-breadcrumb-sep.svelte-1teoznn{color:var(--color-border)}.blog-breadcrumb-current.svelte-1teoznn{color:var(--color-slate);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(300px,50vw)}.blog-post-header.svelte-1teoznn{max-width:720px;margin-bottom:2.5rem}.blog-post-header.svelte-1teoznn h1:where(.svelte-1teoznn){font-size:1.625rem;font-weight:700;color:var(--color-navy);line-height:1.2;margin:0 0 1rem}.blog-post-meta.svelte-1teoznn{font-size:.875rem;color:var(--color-slate);display:flex;align-items:center;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.blog-post-meta-sep.svelte-1teoznn{color:var(--color-border)}.blog-post-tags.svelte-1teoznn{display:flex;flex-wrap:wrap;gap:.375rem}.blog-post-layout.svelte-1teoznn{display:flex;flex-direction:column;gap:3rem;align-items:flex-start}.blog-post-content.svelte-1teoznn{flex:1;min-width:0;max-width:720px;overflow-wrap:break-word;word-break:break-word}.blog-toc-mobile.svelte-1teoznn{display:block;margin-bottom:2rem;order:-1;width:100%}.blog-toc-toggle.svelte-1teoznn{font-size:.875rem;font-weight:600;color:var(--color-navy);background:var(--color-light-gray, #F1F5F9);border:1px solid var(--color-border);border-radius:8px;padding:.625rem 1rem;cursor:pointer;width:100%;text-align:left}.blog-toc-desktop.svelte-1teoznn{display:none;width:220px;flex-shrink:0;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;order:-1}.blog-sidebar-right.svelte-1teoznn{display:none;width:200px;flex-shrink:0;position:sticky;top:80px}.blog-toc-nav.svelte-1teoznn h4:where(.svelte-1teoznn){font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-slate);margin:0 0 .75rem}.blog-toc-nav.svelte-1teoznn ul:where(.svelte-1teoznn){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}.blog-toc-nav.svelte-1teoznn li:where(.svelte-1teoznn) a:where(.svelte-1teoznn){font-size:.8125rem;color:var(--color-slate);text-decoration:none;line-height:1.4;display:block;border-left:2px solid transparent;padding:.125rem 0 .125rem .75rem;transition:color .15s ease,border-color .15s ease}.blog-toc-nav.svelte-1teoznn li:where(.svelte-1teoznn) a:where(.svelte-1teoznn):hover,.blog-toc-nav.svelte-1teoznn li.toc-active:where(.svelte-1teoznn)>a:where(.svelte-1teoznn){color:var(--color-teal);border-left-color:var(--color-teal)}.blog-toc-nav.svelte-1teoznn li.toc-level-3:where(.svelte-1teoznn) a:where(.svelte-1teoznn){padding-left:1.5rem;font-size:.75rem}.blog-cta.svelte-1teoznn{margin-top:3rem;padding:2rem;background:var(--color-teal-50);border:1px solid var(--color-teal-200);border-radius:12px}.blog-cta.svelte-1teoznn h3:where(.svelte-1teoznn){font-size:1.25rem;font-weight:700;color:var(--color-navy);margin:0 0 .5rem}.blog-cta.svelte-1teoznn p:where(.svelte-1teoznn){font-size:.9375rem;color:var(--color-slate);line-height:1.6;margin:0 0 1.25rem}.blog-cta-btn.svelte-1teoznn{display:inline-block;background:var(--color-teal);color:#fff;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}.blog-cta-btn.svelte-1teoznn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.blog-share.svelte-1teoznn{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border);display:flex;align-items:center;flex-wrap:wrap;gap:.625rem}.blog-share-label.svelte-1teoznn{font-size:.8125rem;font-weight:600;color:var(--color-slate)}.blog-share-btn.svelte-1teoznn{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:var(--color-teal);background:var(--color-teal-100);border:1px solid var(--color-teal-border);border-radius:6px;padding:.375rem .75rem;text-decoration:none;cursor:pointer;transition:background .15s ease}.blog-share-btn.svelte-1teoznn:hover{background:var(--color-success-light)}.blog-related.svelte-1teoznn{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--color-border)}.blog-related.svelte-1teoznn h3:where(.svelte-1teoznn){font-size:1.125rem;font-weight:700;color:var(--color-navy);margin:0 0 1rem}.blog-related-grid.svelte-1teoznn{display:flex;flex-direction:column;gap:.75rem}.blog-related-card.svelte-1teoznn{display:block;padding:1rem 1.25rem;background:var(--color-light-gray);border-radius:8px;text-decoration:none;transition:background .15s ease,transform .15s ease}.blog-related-card.svelte-1teoznn:hover{background:var(--color-teal-100);transform:translate(4px)}.blog-related-card.svelte-1teoznn h4:where(.svelte-1teoznn){font-size:.9375rem;font-weight:600;color:var(--color-navy);margin:0 0 .25rem;line-height:1.4;overflow-wrap:break-word}.blog-related-meta.svelte-1teoznn{font-size:.75rem;color:var(--color-slate)}.blog-sidebar-cta.svelte-1teoznn{background:var(--color-navy);border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;gap:4px}.blog-sidebar-label.svelte-1teoznn{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--color-teal-light)}.blog-sidebar-value.svelte-1teoznn{font-size:28px;font-weight:500;color:#fff;line-height:1.2;margin-top:4px}.blog-sidebar-subtitle.svelte-1teoznn{font-size:13px;color:#ffffffb3}.blog-sidebar-note.svelte-1teoznn{font-size:12px;color:#ffffff80;margin-bottom:12px}.blog-sidebar-btn.svelte-1teoznn{display:block;width:100%;text-align:center;background:var(--color-teal);color:#fff;font-size:14px;font-weight:600;padding:10px;border-radius:6px;text-decoration:none;transition:background .15s ease}.blog-sidebar-btn.svelte-1teoznn:hover{background:var(--color-teal-dark);color:#fff}.blog-sidebar-extras.svelte-1teoznn{display:flex;flex-direction:column;gap:6px;margin-top:.75rem;padding:0 4px}.blog-sidebar-extras.svelte-1teoznn span:where(.svelte-1teoznn){font-size:12px;color:var(--color-slate)}.blog-sidebar-extras.svelte-1teoznn span:where(.svelte-1teoznn):before{content:"✓ ";color:var(--color-teal);font-weight:700}.blog-mobile-banner.svelte-1teoznn{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--color-navy);height:56px;align-items:center;padding:0 16px}.blog-mobile-banner-inner.svelte-1teoznn{display:flex;align-items:center;justify-content:center;gap:12px;flex:1}.blog-mobile-banner-text.svelte-1teoznn{font-size:13px;color:#ffffffd9;white-space:nowrap}.blog-mobile-banner-text.svelte-1teoznn strong:where(.svelte-1teoznn){color:#fff;font-weight:700}.blog-mobile-banner-btn.svelte-1teoznn{background:var(--color-teal);color:#fff;font-size:12px;font-weight:600;padding:6px 14px;border-radius:6px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .15s ease}.blog-mobile-banner-btn.svelte-1teoznn:hover{background:var(--color-teal-dark);color:#fff}@media (max-width: 1023px){.blog-mobile-banner.svelte-1teoznn{display:flex}.blog-post-page.svelte-1teoznn{padding-bottom:5rem}}@media (min-width: 480px){.blog-post-header.svelte-1teoznn h1:where(.svelte-1teoznn){font-size:2rem}}@media (min-width: 768px){.blog-post-header.svelte-1teoznn h1:where(.svelte-1teoznn){font-size:2.5rem}}@media (max-width: 479px){.blog-cta.svelte-1teoznn{padding:1.25rem}.blog-share-btn.svelte-1teoznn{padding:.375rem .5rem;font-size:.75rem}}@media (min-width: 1024px){.blog-toc-mobile.svelte-1teoznn{display:none}.blog-toc-desktop.svelte-1teoznn,.blog-sidebar-right.svelte-1teoznn{display:block}.blog-post-layout.svelte-1teoznn{flex-direction:row}}.code-block-wrapper{position:relative}.code-copy-btn{position:absolute;top:8px;right:8px;background:#ffffff1a;color:#fff9;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:3px 10px;font-size:11px;font-family:var(--font-mono);cursor:pointer;transition:all .15s ease}.code-copy-btn:hover{background:#fff3;color:#fff}