.article-container.svelte-pnlwao{max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);padding-bottom:120px}.back-link.svelte-pnlwao{margin-bottom:var(--spacing-lg)}.back-link.svelte-pnlwao a:where(.svelte-pnlwao){display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);font-size:.875rem;transition:color .2s ease}.back-link.svelte-pnlwao a:where(.svelte-pnlwao):hover{color:var(--color-success)}.back-link.svelte-pnlwao .material-icons:where(.svelte-pnlwao){font-size:18px}.article-header.svelte-pnlwao{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.tags.svelte-pnlwao{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.tag.svelte-pnlwao{font-size:.75rem;background:#10b9811a;color:var(--color-success);padding:6px 12px;border-radius:var(--radius-md)}.article-header.svelte-pnlwao h1:where(.svelte-pnlwao){font-size:2rem;font-weight:700;color:var(--color-text-primary);line-height:1.2;margin:0 0 var(--spacing-lg) 0}@media (min-width: 768px){.article-header.svelte-pnlwao h1:where(.svelte-pnlwao){font-size:2.5rem}}.meta.svelte-pnlwao{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary)}.meta-item.svelte-pnlwao{display:flex;align-items:center;gap:var(--spacing-xs)}.meta-item.svelte-pnlwao .material-icons:where(.svelte-pnlwao){font-size:18px;color:var(--color-success)}.divider.svelte-pnlwao{color:var(--color-text-muted)}.featured-image.svelte-pnlwao{margin:0 0 var(--spacing-2xl) 0;border-radius:var(--radius-xl);overflow:hidden}.featured-image.svelte-pnlwao img:where(.svelte-pnlwao){width:100%;height:auto;display:block}.key-takeaways.svelte-pnlwao{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.key-takeaways.svelte-pnlwao h2:where(.svelte-pnlwao){display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.key-takeaways.svelte-pnlwao h2:where(.svelte-pnlwao) .material-icons:where(.svelte-pnlwao){color:var(--color-success)}.key-takeaways.svelte-pnlwao ul:where(.svelte-pnlwao){list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.key-takeaways.svelte-pnlwao li:where(.svelte-pnlwao){display:flex;align-items:flex-start;gap:var(--spacing-sm);color:var(--color-text-secondary)}.key-takeaways.svelte-pnlwao li:where(.svelte-pnlwao) .material-icons:where(.svelte-pnlwao){color:var(--color-success);font-size:18px;flex-shrink:0;margin-top:2px}.article-content.svelte-pnlwao{margin-bottom:var(--spacing-2xl);width:100%;max-width:100%}.article-content.svelte-pnlwao *{max-width:100%!important}.article-content.svelte-pnlwao h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:var(--spacing-2xl) 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.article-content.svelte-pnlwao h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:var(--spacing-xl) 0 var(--spacing-md) 0}.article-content.svelte-pnlwao p{color:var(--color-text-secondary);line-height:1.75;margin:0 0 var(--spacing-md) 0}.article-content.svelte-pnlwao a{color:var(--color-success);text-decoration:none}.article-content.svelte-pnlwao a:hover{text-decoration:underline}.article-content.svelte-pnlwao strong{color:var(--color-text-primary)}.article-content.svelte-pnlwao ul,.article-content.svelte-pnlwao ol{color:var(--color-text-secondary);padding-left:var(--spacing-xl);margin:0 0 var(--spacing-md) 0}.article-content.svelte-pnlwao li{margin-bottom:var(--spacing-sm);line-height:1.6}.article-content.svelte-pnlwao li::marker{color:var(--color-success)}.article-content.svelte-pnlwao blockquote{border-left:4px solid var(--color-success);background:var(--color-surface-elevated);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0;border-radius:0 var(--radius-md) var(--radius-md) 0}.article-content.svelte-pnlwao blockquote p{margin:0}.article-content.svelte-pnlwao code{background:var(--color-surface-elevated);padding:2px 6px;border-radius:var(--radius-sm);font-size:.875em}.article-content.svelte-pnlwao pre{background:var(--color-surface-elevated);padding:var(--spacing-lg);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--spacing-lg) 0}.article-content.svelte-pnlwao pre code{background:none;padding:0}.faq-section.svelte-pnlwao{background:var(--color-surface-elevated);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.faq-section.svelte-pnlwao h2:where(.svelte-pnlwao){display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xl) 0}.faq-section.svelte-pnlwao h2:where(.svelte-pnlwao) .material-icons:where(.svelte-pnlwao){color:var(--color-primary)}.faq-list.svelte-pnlwao{display:flex;flex-direction:column;gap:var(--spacing-lg)}.faq-item.svelte-pnlwao{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.faq-item.svelte-pnlwao h3:where(.svelte-pnlwao){font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.faq-item.svelte-pnlwao p:where(.svelte-pnlwao){color:var(--color-text-secondary);line-height:1.6;margin:0}.how-to-section.svelte-pnlwao{margin-bottom:var(--spacing-2xl)}.how-to-section.svelte-pnlwao h2:where(.svelte-pnlwao){display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xl) 0}.how-to-section.svelte-pnlwao h2:where(.svelte-pnlwao) .material-icons:where(.svelte-pnlwao){color:var(--color-primary)}.steps-list.svelte-pnlwao{display:flex;flex-direction:column;gap:var(--spacing-md)}.step-item.svelte-pnlwao{display:flex;gap:var(--spacing-md)}.step-number.svelte-pnlwao{flex-shrink:0;width:40px;height:40px;background:#3b82f61a;color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.step-content.svelte-pnlwao{flex:1;padding-top:4px}.step-content.svelte-pnlwao h3:where(.svelte-pnlwao){font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.step-content.svelte-pnlwao p:where(.svelte-pnlwao){color:var(--color-text-secondary);line-height:1.5;margin:0}.share-cta-section.svelte-pnlwao{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl);background:var(--color-surface-elevated);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl)}@media (min-width: 640px){.share-cta-section.svelte-pnlwao{flex-direction:row;justify-content:space-between;align-items:center}}.share-buttons.svelte-pnlwao p:where(.svelte-pnlwao){font-size:.875rem;color:var(--color-text-muted);margin:0 0 var(--spacing-sm) 0}.share-buttons.svelte-pnlwao .buttons:where(.svelte-pnlwao){display:flex;gap:var(--spacing-sm)}.share-btn.svelte-pnlwao{width:40px;height:40px;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .2s ease}.share-btn.svelte-pnlwao:hover{background:var(--color-success);border-color:var(--color-success);color:#fff}.cta.svelte-pnlwao p:where(.svelte-pnlwao){color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.cta-button.svelte-pnlwao{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--gradient-primary);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:600;transition:all .2s ease;box-shadow:var(--shadow-md)}.cta-button.svelte-pnlwao:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-button.svelte-pnlwao .material-icons:where(.svelte-pnlwao){font-size:20px}.back-to-blog.svelte-pnlwao a:where(.svelte-pnlwao){display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-success);font-weight:500;transition:color .2s ease}.back-to-blog.svelte-pnlwao a:where(.svelte-pnlwao):hover{color:var(--color-primary)}.back-to-blog.svelte-pnlwao .material-icons:where(.svelte-pnlwao){font-size:20px}