.bg-texture.svelte-1s3z5ve,.bg-grid.svelte-1s3z5ve{display:none}.blog-page.svelte-1s3z5ve{max-width:900px;margin:0 auto;padding:34px var(--space-24) var(--space-80);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-48)}.blog-article.svelte-1s3z5ve{min-width:0}@media(min-width:1100px){.blog-page.svelte-1s3z5ve{grid-template-columns:minmax(0,1fr) 240px;max-width:1200px}.toc.svelte-1s3z5ve{display:none}}.fig.svelte-1s3z5ve{margin:var(--space-32) 0;display:flex;flex-direction:column;gap:var(--space-12);min-width:0}.fig-row.svelte-1s3z5ve{display:grid;gap:var(--space-8);min-width:0}.fig-row-4.svelte-1s3z5ve{grid-template-columns:repeat(4,minmax(0,1fr))}.fig-row-5.svelte-1s3z5ve{grid-template-columns:repeat(5,minmax(0,1fr))}.fig-pair.svelte-1s3z5ve{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12);min-width:0}.fig-pair.svelte-1s3z5ve figure:where(.svelte-1s3z5ve){margin:0;min-width:0}.fig.svelte-1s3z5ve img:where(.svelte-1s3z5ve){display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary)}.fig.svelte-1s3z5ve figcaption:where(.svelte-1s3z5ve){font-size:var(--text-12);line-height:1.5;color:var(--color-text-subtle)}.fig-pair.svelte-1s3z5ve figcaption:where(.svelte-1s3z5ve){margin-top:var(--space-6);font-size:var(--text-10);font-weight:700;letter-spacing:.08em;text-transform:uppercase}@media(max-width:640px){.fig-row-4.svelte-1s3z5ve,.fig-row-5.svelte-1s3z5ve{grid-template-columns:repeat(2,minmax(0,1fr))}}.article-header.svelte-1s3z5ve{position:relative;margin-bottom:var(--space-48);padding-bottom:var(--space-40);border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgb(var(--color-primary-rgb) / .4),transparent) 1}.article-header.svelte-1s3z5ve:before{content:"";position:absolute;top:-60px;left:-100px;width:500px;height:300px;background:radial-gradient(ellipse,rgb(var(--color-primary-rgb) / .12) 0%,transparent 70%);pointer-events:none;z-index:-1}.article-meta.svelte-1s3z5ve{display:flex;align-items:center;gap:var(--space-12);font-size:var(--text-13);color:var(--color-text-muted);margin-bottom:var(--space-20);flex-wrap:wrap}.meta-separator.svelte-1s3z5ve{width:4px;height:4px;background:var(--color-text-muted);border-radius:50%;opacity:.4}.read-time.svelte-1s3z5ve{opacity:.8}.article-header.svelte-1s3z5ve h1:where(.svelte-1s3z5ve){font-size:clamp(32px,calc(5vw / var(--ezc-zoom, 1)),48px);font-weight:700;line-height:1.15;margin-bottom:var(--space-16);color:var(--color-text);letter-spacing:-.02em}.highlight.svelte-1s3z5ve{background:linear-gradient(135deg,var(--color-primary) 0%,#ff7a3a 50%,#ffaf6e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-subtitle.svelte-1s3z5ve{font-size:var(--text-18);color:var(--color-text-muted);line-height:1.6;max-width:600px}.updated-label.svelte-1s3z5ve{font-size:var(--text-12);color:var(--color-primary);font-weight:600;background:rgb(var(--color-primary-rgb) / .08);padding:var(--space-2) var(--space-8);border-radius:var(--radius-pill);border:1px solid rgb(var(--color-primary-rgb) / .2)}.header-tags.svelte-1s3z5ve{display:flex;gap:var(--space-8);margin-top:var(--space-24);flex-wrap:wrap}.tldr.svelte-1s3z5ve{margin-top:var(--space-28);background:var(--color-primary-soft);border:1px solid #ffd9bf;border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-18) var(--space-22)}.tldr-label.svelte-1s3z5ve{display:inline-block;font-family:var(--font-brand);font-size:var(--text-11);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--space-6)}.tldr.svelte-1s3z5ve p:where(.svelte-1s3z5ve){margin:0;font-size:var(--text-15);line-height:1.6;color:var(--color-text)}.tldr.svelte-1s3z5ve a:where(.svelte-1s3z5ve){color:var(--color-primary);font-weight:600;text-decoration:none;border-bottom:1px solid rgb(var(--color-primary-rgb) / .32)}.tldr.svelte-1s3z5ve a:where(.svelte-1s3z5ve):hover{border-bottom-color:var(--color-primary)}.cta-tools-row.svelte-1s3z5ve{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8);margin-top:var(--space-20);position:relative}.cta-tool-pill.svelte-1s3z5ve{font-size:var(--text-13);font-weight:600;color:var(--color-primary);background:#ffffffdb;border:1px solid rgb(var(--color-primary-rgb) / .32);padding:7px var(--space-14);border-radius:var(--radius-pill);text-decoration:none;transition:background var(--dur-150),transform var(--dur-150)}.cta-tool-pill.svelte-1s3z5ve:hover{background:var(--color-bg-secondary);transform:translateY(-1px)}.tag.svelte-1s3z5ve{padding:var(--space-6) var(--space-12);background:rgb(var(--color-primary-rgb) / .08);border:1px solid rgb(var(--color-primary-rgb) / .2);border-radius:20px;font-size:var(--text-12);font-weight:500;color:#ff7a3a}.article-content.svelte-1s3z5ve section:where(.svelte-1s3z5ve){margin-bottom:var(--space-56);opacity:1;transform:translateY(0)}.article-content.svelte-1s3z5ve section[data-animate]:not(.visible){opacity:.15;transform:translateY(12px);transition:opacity .5s var(--ease-default),transform .5s var(--ease-default)}.article-content.svelte-1s3z5ve section.visible{opacity:1;transform:translateY(0);transition:opacity .5s var(--ease-default),transform .5s var(--ease-default)}.section-indicator.svelte-1s3z5ve{display:flex;align-items:center;gap:var(--space-16);margin-bottom:var(--space-16)}.section-number.svelte-1s3z5ve{font-family:var(--font-brand);font-size:var(--text-13);font-weight:700;color:var(--color-primary);letter-spacing:.1em;background:rgb(var(--color-primary-rgb) / .1);padding:var(--space-4) var(--space-10);border-radius:var(--radius-sm);border:1px solid rgb(var(--color-primary-rgb) / .15)}.section-line.svelte-1s3z5ve{flex:1;height:1px;background:linear-gradient(90deg,rgb(var(--color-primary-rgb) / .3) 0%,transparent 100%)}.article-content.svelte-1s3z5ve h2:where(.svelte-1s3z5ve){font-size:var(--text-28);font-weight:700;margin-bottom:var(--space-20);color:var(--color-text);letter-spacing:-.02em}.article-content.svelte-1s3z5ve h3:where(.svelte-1s3z5ve){font-size:var(--text-18);font-weight:600;margin-bottom:var(--space-12);margin-top:var(--space-32);color:var(--color-text)}.article-content.svelte-1s3z5ve p:where(.svelte-1s3z5ve){font-size:var(--text-16);line-height:1.75;color:var(--color-text-muted);margin-bottom:var(--space-16)}.styled-list.svelte-1s3z5ve,.checklist.svelte-1s3z5ve{list-style:none;padding:0;margin:var(--space-20) 0}.styled-list.svelte-1s3z5ve li:where(.svelte-1s3z5ve){display:flex;align-items:flex-start;gap:var(--space-12);padding:var(--space-12) 0;border-bottom:1px solid var(--color-surface-hover)}.styled-list.svelte-1s3z5ve li:where(.svelte-1s3z5ve):last-child{border-bottom:none}.list-marker.svelte-1s3z5ve{width:6px;height:6px;background:var(--color-primary);border-radius:50%;flex-shrink:0;margin-top:var(--space-8)}.checklist.svelte-1s3z5ve li:where(.svelte-1s3z5ve){display:flex;align-items:center;gap:var(--space-12);padding:var(--space-10) 0;font-size:var(--text-15);color:var(--color-text-muted)}.checklist.svelte-1s3z5ve svg{color:#10b981;flex-shrink:0}.numbered-steps.svelte-1s3z5ve{list-style:none;padding:0;margin:var(--space-24) 0;counter-reset:steps}.numbered-steps.svelte-1s3z5ve li:where(.svelte-1s3z5ve){display:flex;align-items:flex-start;gap:var(--space-20);padding:var(--space-20) 0;border-bottom:1px solid var(--color-surface-hover)}.numbered-steps.svelte-1s3z5ve li:where(.svelte-1s3z5ve):last-child{border-bottom:none}.step-num.svelte-1s3z5ve{font-family:var(--font-brand);font-size:var(--text-24);font-weight:700;color:rgb(var(--color-primary-rgb) / .3);line-height:1}.numbered-steps.svelte-1s3z5ve div:where(.svelte-1s3z5ve){display:flex;flex-direction:column;gap:var(--space-4)}.numbered-steps.svelte-1s3z5ve strong:where(.svelte-1s3z5ve){font-size:var(--text-16);color:var(--color-text)}.numbered-steps.svelte-1s3z5ve span:where(.svelte-1s3z5ve){font-size:var(--text-14);color:var(--color-text-muted)}.toc.svelte-1s3z5ve{background:linear-gradient(135deg,rgb(var(--color-primary-rgb) / .06),#ff7a3a0a);border:1px solid rgb(var(--color-primary-rgb) / .15);border-radius:var(--radius-xl);padding:var(--space-24) var(--space-28);margin-bottom:var(--space-48);display:flex;flex-wrap:wrap;gap:var(--space-16);align-items:flex-start}.toc-icon.svelte-1s3z5ve{color:var(--color-primary);opacity:.6}.toc.svelte-1s3z5ve h2:where(.svelte-1s3z5ve){font-size:var(--text-13);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 var(--space-16) 0;width:100%}.toc.svelte-1s3z5ve ul:where(.svelte-1s3z5ve){list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-24);width:100%}.toc.svelte-1s3z5ve li:where(.svelte-1s3z5ve){flex:0 0 auto}.toc.svelte-1s3z5ve a:where(.svelte-1s3z5ve){display:flex;align-items:center;gap:var(--space-10);color:var(--color-text-muted);font-size:var(--text-14);text-decoration:none;transition:color var(--dur-200)}.toc.svelte-1s3z5ve a:where(.svelte-1s3z5ve):hover{color:#ffaf6e}.toc-num.svelte-1s3z5ve{font-family:var(--font-brand);font-size:var(--text-11);font-weight:600;color:var(--color-primary);opacity:.7}.code-block.svelte-1s3z5ve{background:var(--color-bg);border:1px solid rgb(var(--color-primary-rgb) / .2);border-radius:var(--radius-lg);margin:var(--space-20) 0;overflow:hidden;min-width:0;max-width:100%;box-shadow:0 2px 16px #0000004d}.code-header.svelte-1s3z5ve{display:flex;justify-content:space-between;align-items:center;padding:var(--space-10) var(--space-16);background:rgb(var(--color-primary-rgb) / .08);border-bottom:1px solid rgb(var(--color-primary-rgb) / .15)}.code-lang.svelte-1s3z5ve{font-size:var(--text-11);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary)}.copy-btn.svelte-1s3z5ve{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-4);border-radius:4px;transition:color var(--dur-200),background var(--dur-200)}.copy-btn.svelte-1s3z5ve:hover{color:#ffaf6e;background:rgb(var(--color-primary-rgb) / .1)}.copy-btn.copied.svelte-1s3z5ve{color:#10b981;background:#10b9811f}.copy-status.svelte-1s3z5ve{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.code-block.svelte-1s3z5ve pre:where(.svelte-1s3z5ve){padding:var(--space-16);margin:0;overflow-x:auto}.code-block.svelte-1s3z5ve code:where(.svelte-1s3z5ve){font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--text-13);color:var(--color-primary)}.callout.svelte-1s3z5ve{display:flex;align-items:flex-start;gap:var(--space-14);padding:var(--space-18) var(--space-20);border-radius:var(--radius-lg);margin:var(--space-24) 0;font-size:var(--text-14);line-height:1.6}.callout-tip.svelte-1s3z5ve{background:#10b9810f;border:1px solid rgba(16,185,129,.15);color:#6ee7b7}.callout-warning.svelte-1s3z5ve{background:#f59e0b0f;border:1px solid rgba(245,158,11,.15);color:#fcd34d}.callout-icon.svelte-1s3z5ve{flex-shrink:0;margin-top:var(--space-2)}.callout-tip.svelte-1s3z5ve .callout-icon:where(.svelte-1s3z5ve){color:#10b981}.callout-warning.svelte-1s3z5ve .callout-icon:where(.svelte-1s3z5ve){color:var(--color-warning)}.callout.svelte-1s3z5ve strong:where(.svelte-1s3z5ve){font-weight:600}.best-practices-grid.svelte-1s3z5ve{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-16);margin-top:var(--space-28)}.practice-card.svelte-1s3z5ve{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-24);transition:transform var(--dur-300) var(--ease-default),border-color var(--dur-300) var(--ease-default)}.practice-card.svelte-1s3z5ve:hover{transform:translateY(-3px);border-color:rgb(var(--color-primary-rgb) / .3);box-shadow:0 8px 32px rgb(var(--color-primary-rgb) / .12)}.practice-icon.svelte-1s3z5ve{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-primary-rgb) / .1);border-radius:10px;color:var(--color-primary);margin-bottom:var(--space-16)}.practice-card.svelte-1s3z5ve h4:where(.svelte-1s3z5ve){font-size:var(--text-16);font-weight:600;color:var(--color-text);margin-bottom:var(--space-8)}.practice-card.svelte-1s3z5ve p:where(.svelte-1s3z5ve){font-size:var(--text-14);color:var(--color-text-muted);margin:0;line-height:1.5}.cta-section.svelte-1s3z5ve{position:relative;background:linear-gradient(135deg,rgb(var(--color-primary-rgb) / .12),#ff7a3a14);border:1px solid rgb(var(--color-primary-rgb) / .25);border-radius:20px;padding:var(--space-48) var(--space-32);text-align:center;margin-top:0;overflow:hidden}.cta-bg.svelte-1s3z5ve{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgb(var(--color-primary-rgb) / .15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,122,58,.1) 0%,transparent 50%);pointer-events:none}.cta-section.svelte-1s3z5ve h2:where(.svelte-1s3z5ve){font-size:var(--text-26);margin-bottom:var(--space-12);margin-top:0;position:relative}.cta-section.svelte-1s3z5ve p:where(.svelte-1s3z5ve){font-size:var(--text-15);color:var(--color-text-muted);margin-bottom:var(--space-24);max-width:500px;margin-left:auto;margin-right:auto;position:relative}.cta-button.svelte-1s3z5ve{display:inline-flex;align-items:center;gap:var(--space-10);padding:var(--space-14) var(--space-32);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;font-size:var(--text-15);font-weight:600;border-radius:var(--radius-lg);text-decoration:none;transition:transform var(--dur-200),box-shadow var(--dur-200);position:relative;box-shadow:0 4px 20px rgb(var(--color-primary-rgb) / .3)}.cta-button.svelte-1s3z5ve:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgb(var(--color-primary-rgb) / .4)}.cta-button.svelte-1s3z5ve svg:where(.svelte-1s3z5ve){transition:transform var(--dur-200)}.cta-button.svelte-1s3z5ve:hover svg:where(.svelte-1s3z5ve){transform:translate(4px)}.article-footer.svelte-1s3z5ve{margin-top:0}.footer-divider.svelte-1s3z5ve{display:flex;justify-content:center;margin-bottom:var(--space-32)}.divider-mark.svelte-1s3z5ve{width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.author-box.svelte-1s3z5ve{display:flex;align-items:center;gap:var(--space-16)}.author-avatar.svelte-1s3z5ve{flex-shrink:0}.author-info.svelte-1s3z5ve{display:flex;flex-direction:column;gap:var(--space-2)}.author-label.svelte-1s3z5ve{font-size:var(--text-12);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.author-name.svelte-1s3z5ve{font-size:var(--text-16);font-weight:600;color:var(--color-text)}.author-title.svelte-1s3z5ve{font-size:var(--text-13);color:var(--color-text-muted)}.blog-sidebar.svelte-1s3z5ve{display:none}@media(min-width:1100px){.blog-sidebar.svelte-1s3z5ve{display:block}}.sticky-sidebar.svelte-1s3z5ve{position:sticky;top:100px;display:flex;flex-direction:column;gap:var(--space-20)}.sidebar-section.svelte-1s3z5ve{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-20)}.sidebar-section.svelte-1s3z5ve h3:where(.svelte-1s3z5ve){font-size:var(--text-11);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-16);margin-top:0}.rail-toc.svelte-1s3z5ve ul:where(.svelte-1s3z5ve),.rail-tools.svelte-1s3z5ve ul:where(.svelte-1s3z5ve){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);max-height:calc(34vh / var(--ezc-zoom, 1));overflow-y:auto;overscroll-behavior:contain}.rail-toc.svelte-1s3z5ve a:where(.svelte-1s3z5ve),.rail-tools.svelte-1s3z5ve a:where(.svelte-1s3z5ve){display:flex;gap:var(--space-8);padding:var(--space-6) var(--space-8);border-radius:var(--radius-sm);font-size:var(--text-12);line-height:1.35;color:var(--color-text-muted);text-decoration:none;transition:background var(--dur-120),color var(--dur-120)}.rail-toc.svelte-1s3z5ve a:where(.svelte-1s3z5ve):hover,.rail-tools.svelte-1s3z5ve a:where(.svelte-1s3z5ve):hover{background:var(--color-bg-tertiary);color:var(--color-text)}.rail-num.svelte-1s3z5ve{flex:none;font-variant-numeric:tabular-nums;font-weight:700;color:var(--color-text-subtle)}.rail-tools.svelte-1s3z5ve a:where(.svelte-1s3z5ve):after{content:"→";margin-left:auto;opacity:0;transition:opacity var(--dur-120)}.rail-tools.svelte-1s3z5ve a:where(.svelte-1s3z5ve):hover:after{opacity:1}.progress-tracker.svelte-1s3z5ve{text-align:center}.progress-bar.svelte-1s3z5ve{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden;margin-bottom:var(--space-8)}.progress-fill.svelte-1s3z5ve{height:100%;background:linear-gradient(90deg,var(--color-primary),#ff7a3a);border-radius:2px;width:0%;transition:width var(--dur-100) ease-out}.progress-label.svelte-1s3z5ve{font-size:var(--text-12);font-weight:600;color:var(--color-primary)}.share-buttons.svelte-1s3z5ve{display:flex;gap:var(--space-8)}.share-btn.svelte-1s3z5ve{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-10);background:rgb(var(--color-primary-rgb) / .08);border:1px solid rgb(var(--color-primary-rgb) / .15);border-radius:var(--radius-md);color:#ff7a3a;text-decoration:none;transition:background var(--dur-200),border-color var(--dur-200),color var(--dur-200);cursor:pointer}.share-btn.svelte-1s3z5ve:hover{background:rgb(var(--color-primary-rgb) / .15);border-color:rgb(var(--color-primary-rgb) / .3);color:#ffaf6e}.share-btn.copied{background:#10b98126;border-color:#10b9814d;color:#10b981}@media(max-width:640px){.article-header.svelte-1s3z5ve h1:where(.svelte-1s3z5ve){font-size:var(--text-28)}.article-subtitle.svelte-1s3z5ve{font-size:var(--text-16)}.cta-section.svelte-1s3z5ve{padding:var(--space-32) var(--space-20)}.cta-section.svelte-1s3z5ve h2:where(.svelte-1s3z5ve){font-size:var(--text-22)}.toc.svelte-1s3z5ve{padding:var(--space-20)}.toc.svelte-1s3z5ve ul:where(.svelte-1s3z5ve){gap:var(--space-12) var(--space-16)}.toc-num.svelte-1s3z5ve{display:none}}