.blog-page.svelte-1hkxrdf{background:#0a0e1a;color:#e2e8f0;min-height:100vh;font-family:JetBrains Mono,monospace}.blog-header.svelte-1hkxrdf{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:1px solid #334155;padding:3rem 0}.container.svelte-1hkxrdf{max-width:1400px;margin:0 auto;padding:0 2rem}.breadcrumb.svelte-1hkxrdf{font-size:.875rem;margin-bottom:1rem;color:#64748b}.breadcrumb.svelte-1hkxrdf a:where(.svelte-1hkxrdf){color:#0ea5e9;text-decoration:none}.breadcrumb.svelte-1hkxrdf span:where(.svelte-1hkxrdf){margin:0 .5rem}h1.svelte-1hkxrdf{font-size:2.5rem;margin:0 0 1rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.meta.svelte-1hkxrdf{font-size:.875rem;color:#64748b;display:flex;gap:.75rem;align-items:center}.content-grid.svelte-1hkxrdf{display:grid;grid-template-columns:250px 1fr;gap:3rem;margin-top:3rem}.toc.svelte-1hkxrdf{position:sticky;top:2rem;height:-moz-fit-content;height:fit-content;background:#1e293b;border:1px solid #334155;border-radius:.75rem;padding:1.5rem}.toc.svelte-1hkxrdf h2:where(.svelte-1hkxrdf){font-size:1rem;margin:0 0 1rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.toc.svelte-1hkxrdf nav:where(.svelte-1hkxrdf){display:flex;flex-direction:column;gap:.5rem}.toc.svelte-1hkxrdf a:where(.svelte-1hkxrdf){color:#64748b;text-decoration:none;font-size:.875rem;transition:color .2s}.toc.svelte-1hkxrdf a:where(.svelte-1hkxrdf):hover{color:#0ea5e9}.blog-content.svelte-1hkxrdf{max-width:800px}.lead.svelte-1hkxrdf{font-size:1.125rem;line-height:1.7;color:#cbd5e1;margin-bottom:2rem}h2.svelte-1hkxrdf{font-size:1.75rem;color:#e2e8f0;margin:3rem 0 1rem}h3.svelte-1hkxrdf{font-size:1.25rem;color:#94a3b8;margin:2rem 0 1rem}p.svelte-1hkxrdf{line-height:1.7;color:#cbd5e1;margin:0 0 1rem}ul.svelte-1hkxrdf{line-height:1.7;color:#cbd5e1;margin:0 0 1rem;padding-left:2rem}li.svelte-1hkxrdf{margin-bottom:.5rem}code.svelte-1hkxrdf{background:#1e293b;padding:.25rem .5rem;border-radius:.25rem;color:#0ea5e9;font-size:.875rem}pre.svelte-1hkxrdf{background:#0f172a;border:1px solid #334155;border-radius:.5rem;padding:1.5rem;overflow-x:auto;margin:1.5rem 0;line-height:1.6}pre.svelte-1hkxrdf code:where(.svelte-1hkxrdf){background:none;padding:0}.tool-cta.svelte-1hkxrdf{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #0ea5e9;border-radius:.75rem;padding:2rem;margin:3rem 0;text-align:center}.tool-cta.svelte-1hkxrdf h3:where(.svelte-1hkxrdf){margin:0 0 .5rem;color:#0ea5e9}.tool-cta.svelte-1hkxrdf p:where(.svelte-1hkxrdf){margin:0 0 1.5rem;color:#94a3b8}.cta-buttons.svelte-1hkxrdf{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-btn.svelte-1hkxrdf,.cta-btn-outline.svelte-1hkxrdf{padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .2s}.cta-btn.svelte-1hkxrdf{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff}.cta-btn.svelte-1hkxrdf:hover{transform:translateY(-2px)}.cta-btn-outline.svelte-1hkxrdf{background:transparent;border:1px solid #334155;color:#94a3b8}.cta-btn-outline.svelte-1hkxrdf:hover{border-color:#0ea5e9;color:#0ea5e9}.example-box.svelte-1hkxrdf{background:#1e293b;border:1px solid #334155;border-radius:.5rem;padding:1.5rem;margin:1rem 0}.bad.svelte-1hkxrdf{color:#ef4444}.good.svelte-1hkxrdf{color:#10b981}.related-articles.svelte-1hkxrdf{margin-top:5rem;padding-top:3rem;border-top:1px solid #334155}.related-articles.svelte-1hkxrdf h2:where(.svelte-1hkxrdf){margin-top:0;text-align:center}.articles-grid.svelte-1hkxrdf{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;margin-bottom:5rem}.article-card.svelte-1hkxrdf{background:#1e293b;border:1px solid #334155;border-radius:.75rem;padding:1.5rem;text-decoration:none;transition:all .3s}.article-card.svelte-1hkxrdf:hover{border-color:#0ea5e9;transform:translateY(-2px)}.article-card.svelte-1hkxrdf h3:where(.svelte-1hkxrdf){color:#0ea5e9;margin:0 0 .5rem}.article-card.svelte-1hkxrdf p:where(.svelte-1hkxrdf){color:#94a3b8;margin:0;font-size:.875rem}@media (max-width: 1024px){.content-grid.svelte-1hkxrdf{grid-template-columns:1fr}.toc.svelte-1hkxrdf{position:static}}@media (max-width: 768px){h1.svelte-1hkxrdf{font-size:1.75rem}}