.blog-article.svelte-anf75g{max-width:720px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl)}.back-to-blog.svelte-anf75g{margin-bottom:var(--spacing-xl)}.back-to-blog.svelte-anf75g a:where(.svelte-anf75g){display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm)}.back-to-blog.svelte-anf75g a:where(.svelte-anf75g):hover{color:var(--color-text-primary)}.back-to-blog.svelte-anf75g svg{opacity:.6;transition:transform .18s,opacity .18s}.back-to-blog.svelte-anf75g a:where(.svelte-anf75g):hover svg{opacity:1;transform:translate(-4px)}.article-header.svelte-anf75g{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.article-category.svelte-anf75g{margin-bottom:var(--spacing-md)}.article-header.svelte-anf75g h1:where(.svelte-anf75g){font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1.2;margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary)}.article-meta.svelte-anf75g{display:flex;gap:var(--spacing-sm);align-items:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.separator.svelte-anf75g{color:var(--color-text-muted)}.article-body.svelte-anf75g{color:var(--color-text-primary);font-size:var(--font-size-lg);line-height:1.7}.article-body.svelte-anf75g h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.3;margin:var(--spacing-2xl) 0 var(--spacing-md) 0;color:var(--color-text-primary)}.article-body.svelte-anf75g h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.4;margin:var(--spacing-xl) 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.article-body.svelte-anf75g p{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-primary)}.article-body.svelte-anf75g ul,.article-body.svelte-anf75g ol{margin:0 0 var(--spacing-lg) 0;padding-left:var(--spacing-xl)}.article-body.svelte-anf75g li{margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.article-body.svelte-anf75g li p{margin-bottom:var(--spacing-sm)}.article-body.svelte-anf75g a{color:var(--color-info);text-decoration:underline;transition:color .2s}.article-body.svelte-anf75g a:hover{color:var(--color-primary-hover)}.article-body.svelte-anf75g strong{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.article-body.svelte-anf75g em{font-style:italic}.article-body.svelte-anf75g blockquote{margin:var(--spacing-xl) 0;padding:var(--spacing-md) var(--spacing-lg);border-left:4px solid var(--color-primary);background:var(--color-surface);border-radius:var(--radius-md)}.article-body.svelte-anf75g blockquote p{margin:0}.article-body.svelte-anf75g code{font-family:Courier New,monospace;font-size:.9em;background:var(--color-surface);padding:.2em .4em;border-radius:var(--radius-sm);color:var(--color-text-primary)}.article-body.svelte-anf75g pre{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);overflow-x:auto}.article-body.svelte-anf75g pre code{background:none;padding:0}.article-body.svelte-anf75g p img{max-width:calc(200px + 100%);margin-left:-100px;border-radius:var(--radius-lg)}.article-body.svelte-anf75g hr{margin:var(--spacing-2xl) 0;border:none;border-top:1px solid var(--color-border)}.article-body.svelte-anf75g .callout{margin:var(--spacing-xl) 0;padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-surface);box-shadow:-8px 4px var(--color-info-border),8px -4px var(--color-logo)}.article-body.svelte-anf75g .callout ul{margin:0}.article-body.svelte-anf75g .callout-title{font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}@media (max-width: 900px){.article-body.svelte-anf75g p img{max-width:100%;margin-left:0}}@media (max-width: 768px){.blog-article.svelte-anf75g{padding:var(--spacing-2xl) var(--spacing-md)}.article-header.svelte-anf75g h1:where(.svelte-anf75g){font-size:var(--font-size-3xl)}.article-body.svelte-anf75g{font-size:var(--font-size-base)}.article-body.svelte-anf75g h2{font-size:var(--font-size-xl)}.article-body.svelte-anf75g h3{font-size:var(--font-size-lg)}.article-body.svelte-anf75g p img{max-width:100%;margin-left:0}}