.guide-article.svelte-39joom{max-width:950px;margin:0 auto;padding:2rem 1.5rem 4rem}.hero.svelte-39joom{margin-bottom:3rem}.breadcrumb.svelte-39joom{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;margin-bottom:1.5rem}.breadcrumb.svelte-39joom a:where(.svelte-39joom){color:var(--color-ss-text-secondary);text-decoration:none}.breadcrumb.svelte-39joom a:where(.svelte-39joom):hover{color:var(--color-ss-accent)}.breadcrumb-sep.svelte-39joom{color:var(--color-ss-text-muted)}.breadcrumb-current.svelte-39joom{color:var(--color-ss-text-primary);font-weight:600}.hero-badges.svelte-39joom{display:flex;gap:.75rem;margin-bottom:1.5rem}.badge.svelte-39joom{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:6px}.badge-workflow.svelte-39joom{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.badge-guide.svelte-39joom{background:var(--color-ss-bg-overlay);color:var(--color-ss-text-secondary);border:2px solid var(--color-ss-border-subtle)}.hero.svelte-39joom h1:where(.svelte-39joom){font-size:2.75rem;font-weight:900;line-height:1.1;margin-bottom:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.title-ralph.svelte-39joom{background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-plus.svelte-39joom{color:var(--color-ss-text-muted);font-weight:400}.title-sf.svelte-39joom{color:var(--color-ss-accent)}.hero-lead.svelte-39joom{font-size:1.125rem;color:var(--color-ss-text-secondary);line-height:1.7;margin-bottom:1.5rem;max-width:700px}.hero-meta.svelte-39joom{display:flex;gap:1.5rem;margin-bottom:1.5rem}.meta-item.svelte-39joom{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--color-ss-text-muted)}.hero-cta.svelte-39joom{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.key-takeaways.svelte-39joom{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:3px solid var(--color-ss-accent);border-radius:12px;box-shadow:6px 6px 0 var(--color-ss-shadow)}.takeaway-icon.svelte-39joom{flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--color-ss-accent);border-radius:10px;color:#fff}.takeaway-content.svelte-39joom h3:where(.svelte-39joom){font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ss-accent);margin-bottom:.75rem}.takeaway-content.svelte-39joom ul:where(.svelte-39joom){margin:0;padding-left:1.25rem}.takeaway-content.svelte-39joom li:where(.svelte-39joom){font-size:.875rem;line-height:1.7;color:var(--color-ss-text-secondary);margin-bottom:.375rem}.takeaway-content.svelte-39joom code:where(.svelte-39joom){font-size:.8125rem;padding:.125rem .375rem;background:#04785726;border-radius:4px;color:#047857;font-family:var(--font-ss-mono)}.btn.svelte-39joom{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;border-radius:8px;text-decoration:none;transition:all .15s ease;border:3px solid var(--color-ss-border-hard)}.btn-primary.svelte-39joom{background:var(--color-ss-accent);color:#fff;box-shadow:4px 4px 0 var(--color-ss-shadow)}.btn-primary.svelte-39joom:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-ss-shadow)}.btn-ghost.svelte-39joom{background:var(--color-ss-bg-overlay);color:var(--color-ss-text-primary)}.btn-ghost.svelte-39joom:hover{background:var(--color-ss-bg-base);transform:translate(-1px,-1px)}.btn-lg.svelte-39joom{padding:1rem 2rem;font-size:1rem}.toc-section.svelte-39joom{background:var(--color-ss-bg-overlay);border:2px solid var(--color-ss-border-subtle);border-radius:12px;padding:1.5rem;margin-bottom:3rem}.toc-label.svelte-39joom{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-ss-text-muted);display:block;margin-bottom:1rem}.toc-list.svelte-39joom{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;list-style:none;padding:0;margin:0}.toc-item.svelte-39joom a:where(.svelte-39joom){display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:8px;text-decoration:none;transition:all .15s;border:2px solid transparent}.toc-item.svelte-39joom a:where(.svelte-39joom):hover{background:var(--color-ss-bg-base);border-color:var(--color-ss-border-subtle)}.toc-number.svelte-39joom{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--color-ss-accent);color:#fff;font-size:.75rem;font-weight:700;border-radius:4px;flex-shrink:0}.toc-title.svelte-39joom{font-size:.875rem;font-weight:600;color:var(--color-ss-text-primary)}.content-section.svelte-39joom{margin-bottom:4rem}.section--alt.svelte-39joom{background:var(--color-ss-bg-overlay);margin-left:-1.5rem;margin-right:-1.5rem;padding:3rem 1.5rem;border-top:2px solid var(--color-ss-border-subtle);border-bottom:2px solid var(--color-ss-border-subtle)}.section-title.svelte-39joom{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.section-number.svelte-39joom{font-size:.75rem;font-weight:700;color:var(--color-ss-accent);font-family:var(--font-ss-mono);background:var(--color-ss-accent-light);padding:.25rem .625rem;border-radius:4px}.section-title.svelte-39joom h2:where(.svelte-39joom){font-size:1.75rem;font-weight:800;color:var(--color-ss-text-primary);margin:0}.intro-text.svelte-39joom{margin-bottom:2rem;max-width:750px}.intro-text.svelte-39joom p:where(.svelte-39joom){font-size:1.0625rem;line-height:1.7;color:var(--color-ss-text-secondary);margin-bottom:1rem}.intro-text.svelte-39joom a:where(.svelte-39joom){color:var(--color-ss-accent);font-weight:600}.code-showcase.svelte-39joom{background:var(--color-ss-bg-dark);border:3px solid var(--color-ss-border-hard);border-radius:12px;overflow:hidden;margin-bottom:1.5rem;box-shadow:6px 6px 0 var(--color-ss-shadow)}.code-header.svelte-39joom{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.code-filename.svelte-39joom{font-size:.75rem;font-weight:600;color:#a5f3fc;font-family:var(--font-ss-mono)}.copy-btn.svelte-39joom{background:none;border:none;cursor:pointer;padding:.25rem;opacity:.6;transition:opacity .15s}.copy-btn.svelte-39joom:hover{opacity:1}.copy-btn.svelte-39joom svg:where(.svelte-39joom){width:1rem;height:1rem;stroke:var(--color-ss-text-inverse)}.code-block.svelte-39joom{padding:1.25rem;font-family:var(--font-ss-mono);font-size:.875rem;line-height:1.6;color:#e5e7eb;overflow-x:auto;margin:0;white-space:pre}.code-block-tall.svelte-39joom{max-height:400px;overflow-y:auto}.code-keyword.svelte-39joom{color:#f472b6}.principles-grid.svelte-39joom{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:2rem}.principle-card.svelte-39joom{padding:1.5rem;background:var(--color-ss-bg-overlay);border:2px solid var(--color-ss-border-subtle);border-radius:12px;transition:all .15s ease}.principle-card.svelte-39joom:hover{border-color:var(--color-ss-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.principle-icon.svelte-39joom{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--icon-bg);border-radius:8px;margin-bottom:1rem}.principle-icon.svelte-39joom svg:where(.svelte-39joom){width:1.25rem;height:1.25rem;stroke:#fff}.principle-card.svelte-39joom h3:where(.svelte-39joom){font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--color-ss-text-primary)}.principle-card.svelte-39joom p:where(.svelte-39joom){font-size:.875rem;color:var(--color-ss-text-secondary);line-height:1.6;margin:0}.principle-card.svelte-39joom code:where(.svelte-39joom){font-size:.8125rem;padding:.125rem .375rem;background:var(--color-ss-bg-base);border-radius:4px;font-family:var(--font-ss-mono)}.source-note.svelte-39joom{font-size:.8125rem;color:var(--color-ss-text-muted);text-align:center}.source-note.svelte-39joom a:where(.svelte-39joom){color:var(--color-ss-accent);font-weight:600}.versus-grid.svelte-39joom{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:stretch;margin-bottom:2.5rem}.versus-card.svelte-39joom{background:var(--color-ss-bg-base);border:3px solid var(--color-ss-border-hard);border-radius:12px;padding:1.5rem;box-shadow:6px 6px 0 var(--color-ss-shadow);transition:transform .15s ease,box-shadow .15s ease}.versus-card.svelte-39joom:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--color-ss-shadow)}.versus-badge.svelte-39joom{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-ss-bg-dark);color:var(--color-ss-text-inverse);font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;margin-bottom:1rem}.versus-badge.svelte-39joom svg:where(.svelte-39joom){width:.875rem;height:.875rem}.versus-badge--accent.svelte-39joom{background:var(--color-ss-accent)}.versus-card.svelte-39joom h3:where(.svelte-39joom){font-size:1.125rem;font-weight:800;color:var(--color-ss-text-primary);margin:0 0 1rem}.versus-card.svelte-39joom ul:where(.svelte-39joom){list-style:none;padding:0;margin:0}.versus-card.svelte-39joom li:where(.svelte-39joom){font-size:.875rem;line-height:1.6;color:var(--color-ss-text-secondary);padding:.5rem 0;border-bottom:1px dashed var(--color-ss-border-subtle)}.versus-card.svelte-39joom li:where(.svelte-39joom):last-child{border-bottom:none;padding-bottom:0}.versus-card.svelte-39joom li:where(.svelte-39joom) strong:where(.svelte-39joom){color:var(--color-ss-text-primary)}.versus-card--problem.svelte-39joom{border-color:var(--color-ss-text-muted)}.versus-card--solution.svelte-39joom{border-color:var(--color-ss-accent)}.versus-card--solution.svelte-39joom h3:where(.svelte-39joom){color:var(--color-ss-accent)}.versus-divider.svelte-39joom{display:flex;align-items:center;justify-content:center}.versus-divider.svelte-39joom span:where(.svelte-39joom){font-size:1.25rem;font-weight:900;color:var(--color-ss-text-muted);background:var(--color-ss-bg-overlay);padding:.75rem 1rem;border:3px solid var(--color-ss-border-hard);border-radius:8px}.equation-box.svelte-39joom{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding:2rem;background:var(--color-ss-bg-overlay);border:3px solid var(--color-ss-border-hard);border-radius:12px;margin-bottom:2.5rem;box-shadow:6px 6px 0 var(--color-ss-shadow)}.equation-term.svelte-39joom{text-align:center;padding:1rem 1.5rem;background:var(--color-ss-bg-base);border:2px solid var(--color-ss-border-hard);border-radius:8px}.equation-label.svelte-39joom{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;color:var(--color-ss-text-muted);margin-bottom:.25rem}.equation-value.svelte-39joom{font-size:1rem;font-weight:800;color:var(--color-ss-text-primary)}.equation-operator.svelte-39joom{font-size:1.5rem;font-weight:900;color:var(--color-ss-accent)}.equation-term--result.svelte-39joom{background:var(--color-ss-accent);border-color:var(--color-ss-accent)}.equation-term--result.svelte-39joom .equation-label:where(.svelte-39joom){color:#fffc}.equation-term--result.svelte-39joom .equation-value:where(.svelte-39joom){color:#fff}.tools-grid.svelte-39joom{background:var(--color-ss-bg-base);border:3px solid var(--color-ss-border-hard);border-radius:12px;overflow:hidden;box-shadow:6px 6px 0 var(--color-ss-shadow)}.tools-grid.svelte-39joom h3:where(.svelte-39joom){font-size:.875rem;font-weight:800;padding:1rem 1.25rem;background:var(--color-ss-bg-dark);color:var(--color-ss-text-inverse);margin:0;border-bottom:3px solid var(--color-ss-border-hard)}.tools-list.svelte-39joom{padding:.5rem}.tool-item.svelte-39joom{display:grid;grid-template-columns:160px 120px 1fr;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-ss-border-subtle);align-items:center}.tool-item.svelte-39joom:last-child{border-bottom:none}.tool-item.svelte-39joom code:where(.svelte-39joom){font-size:.8125rem;font-weight:700;color:var(--color-ss-accent);background:#0478571a;padding:.25rem .5rem;border-radius:4px}.tool-phase-tag.svelte-39joom{font-size:.6875rem;font-weight:700;color:var(--color-ss-text-inverse);background:var(--color-ss-bg-dark);padding:.25rem .5rem;border-radius:4px;text-transform:uppercase}.tool-item.svelte-39joom .tool-desc:where(.svelte-39joom){font-size:.8125rem;color:var(--color-ss-text-secondary)}.flowchart-container.svelte-39joom{background:var(--color-ss-bg-overlay);border:3px solid var(--color-ss-border-hard);border-radius:16px;overflow:hidden;margin-bottom:2rem;box-shadow:6px 6px 0 var(--color-ss-shadow)}.flowchart-header.svelte-39joom{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-ss-bg-dark);gap:1rem}.flowchart-title.svelte-39joom{display:flex;align-items:center;gap:.75rem;color:var(--color-ss-text-inverse);font-size:.875rem;font-weight:700}.flowchart-title.svelte-39joom svg:where(.svelte-39joom){stroke:#fcd34d}.expand-btn.svelte-39joom{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.expand-btn.svelte-39joom:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.expand-btn.svelte-39joom svg:where(.svelte-39joom){stroke:currentColor}.flowchart-svg-wrapper.svelte-39joom{padding:1.5rem;overflow-x:auto;background:#fff}.flowchart-svg.svelte-39joom{width:100%;min-width:900px;height:auto}.flowchart-legend.svelte-39joom{display:flex;gap:2rem;padding:1rem 1.5rem;background:var(--color-ss-bg-base);border-top:2px solid var(--color-ss-border-subtle);flex-wrap:wrap}.legend-item.svelte-39joom{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-ss-text-secondary)}.legend-color.svelte-39joom{width:1rem;height:1rem;border-radius:4px}.flowchart-mobile.svelte-39joom{display:none;flex-direction:column;align-items:center;padding:1.5rem;background:var(--color-ss-bg-overlay);border:3px solid var(--color-ss-border-hard);border-radius:12px;margin-bottom:2rem}.mobile-step.svelte-39joom{display:flex;align-items:center;gap:1rem;width:100%;max-width:300px;padding:1rem;background:#fff;border:2px solid var(--color-ss-border-hard);border-radius:10px}.mobile-step-mcp.svelte-39joom{background:#ecfdf5;border-color:#047857}.mobile-step-validate.svelte-39joom{background:#fef3c7;border-color:#f59e0b}.mobile-step-commit.svelte-39joom{background:#d1fae5;border-color:#10b981}.mobile-step-num.svelte-39joom{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--color-ss-bg-dark);color:#fff;font-weight:700;border-radius:50%;flex-shrink:0}.mobile-step-content.svelte-39joom{display:flex;flex-direction:column;gap:.25rem}.mobile-step-content.svelte-39joom code:where(.svelte-39joom){font-size:.75rem;padding:.125rem .375rem;background:#04785726;border-radius:4px;color:#047857;width:fit-content}.mobile-step-content.svelte-39joom span:where(.svelte-39joom){font-size:.8125rem;color:var(--color-ss-text-secondary)}.mobile-arrow.svelte-39joom{font-size:1.5rem;color:var(--color-ss-text-muted);padding:.25rem 0}.mobile-loop.svelte-39joom{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.25rem;background:#ecfdf5;border:2px dashed #047857;border-radius:8px;font-size:.875rem;font-weight:600;color:#047857}.integration-step.svelte-39joom{margin-bottom:2.5rem}.step-header.svelte-39joom{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.step-num.svelte-39joom{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-ss-accent);color:#fff;font-size:1.125rem;font-weight:800;border-radius:50%}.step-header.svelte-39joom h3:where(.svelte-39joom){font-size:1.25rem;font-weight:700;margin:0}.integration-step.svelte-39joom>p:where(.svelte-39joom){font-size:.9375rem;color:var(--color-ss-text-secondary);margin-bottom:1rem}.note-text.svelte-39joom{font-size:.875rem;color:var(--color-ss-text-muted);padding:.75rem 1rem;background:var(--color-ss-bg-base);border-left:3px solid var(--color-ss-accent);border-radius:0 8px 8px 0}.note-text.svelte-39joom code:where(.svelte-39joom){font-family:var(--font-ss-mono);font-size:.8125rem;padding:.125rem .375rem;background:var(--color-ss-accent-light);border-radius:4px;color:var(--color-ss-accent)}.example-scenario.svelte-39joom{background:var(--color-ss-bg-overlay);border:2px solid var(--color-ss-border-subtle);border-radius:12px;overflow:hidden;margin-bottom:2rem}.example-scenario.svelte-39joom h3:where(.svelte-39joom){font-size:1rem;font-weight:700;padding:1rem 1.25rem;background:var(--color-ss-bg-dark);color:var(--color-ss-text-inverse);margin:0}.scenario-context.svelte-39joom{padding:1rem 1.25rem;border-bottom:1px solid var(--color-ss-border-subtle)}.conversation-flow.svelte-39joom{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.conversation-item.svelte-39joom{padding:1rem 1.25rem;border-radius:10px;border:2px solid}.conversation-item.prompt-item.svelte-39joom{background:#f3f4f6;border-color:#6b7280}.conversation-item.assistant.svelte-39joom{background:#eff6ff;border-color:#3b82f6}.conversation-item.result.svelte-39joom{background:#ecfdf5;border-color:#10b981}.conversation-item.result-final.svelte-39joom{background:#d1fae5;border-color:#047857;border-width:3px}.conv-role.svelte-39joom{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ss-text-muted);display:block;margin-bottom:.5rem}.conversation-item.svelte-39joom p:where(.svelte-39joom){font-size:.875rem;margin:0;line-height:1.6}.tool-call.svelte-39joom{margin-top:.75rem;padding:.625rem .875rem;background:#0000000d;border-radius:6px;font-family:var(--font-ss-mono);font-size:.8125rem;display:flex;flex-wrap:wrap;gap:.5rem}.tool-call.svelte-39joom code:where(.svelte-39joom){color:var(--color-ss-accent);font-weight:700}.tool-params.svelte-39joom{color:var(--color-ss-text-muted)}.mid-cta.svelte-39joom{padding:2rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:3px solid var(--color-ss-accent);border-radius:12px;text-align:center;box-shadow:6px 6px 0 var(--color-ss-shadow)}.mid-cta.svelte-39joom p:where(.svelte-39joom){font-size:1.125rem;font-weight:700;margin-bottom:1rem}.mid-cta-buttons.svelte-39joom{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.faq-grid.svelte-39joom{display:flex;flex-direction:column;gap:.75rem}.faq-item.svelte-39joom{background:var(--color-ss-bg-base);border:2px solid var(--color-ss-border-subtle);border-radius:10px;overflow:hidden}.faq-item[open].svelte-39joom{border-color:var(--color-ss-accent)}.faq-question.svelte-39joom{padding:1rem 1.25rem;font-size:.9375rem;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-question.svelte-39joom::-webkit-details-marker{display:none}.faq-question.svelte-39joom:after{content:"+";font-size:1.25rem;font-weight:400;color:var(--color-ss-text-muted)}.faq-item[open].svelte-39joom .faq-question:where(.svelte-39joom):after{content:"−";color:var(--color-ss-accent)}.faq-answer.svelte-39joom{padding:0 1.25rem 1rem;font-size:.875rem;color:var(--color-ss-text-secondary);line-height:1.6;margin:0}.related-resources.svelte-39joom{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--color-ss-border-subtle)}.related-resources.svelte-39joom h3:where(.svelte-39joom){font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ss-text-muted);margin-bottom:1.5rem}.related-grid.svelte-39joom{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.related-card.svelte-39joom{padding:1.25rem;background:var(--color-ss-bg-overlay);border:2px solid var(--color-ss-border-subtle);border-radius:10px;text-decoration:none;transition:all .15s ease}.related-card.svelte-39joom:hover{border-color:var(--color-ss-accent);transform:translateY(-2px);box-shadow:4px 4px 0 var(--color-ss-shadow)}.related-tag.svelte-39joom{display:inline-block;font-size:.625rem;font-weight:700;text-transform:uppercase;padding:.25rem .5rem;background:var(--color-ss-accent);color:#fff;border-radius:4px;margin-bottom:.75rem}.related-tag.tag-docs.svelte-39joom{background:#3b82f6}.related-tag.tag-external.svelte-39joom{background:#6b7280}.related-card.svelte-39joom h4:where(.svelte-39joom){font-size:.9375rem;font-weight:700;color:var(--color-ss-text-primary);margin-bottom:.375rem;line-height:1.3}.related-card.svelte-39joom p:where(.svelte-39joom){font-size:.8125rem;color:var(--color-ss-text-muted);margin:0}.final-cta.svelte-39joom{margin-top:4rem;padding:3rem;background:var(--color-ss-bg-dark);border:3px solid var(--color-ss-border-hard);border-radius:16px;text-align:center;box-shadow:6px 6px 0 var(--color-ss-shadow)}.final-cta.svelte-39joom h2:where(.svelte-39joom){font-size:1.75rem;font-weight:800;color:var(--color-ss-text-inverse);margin-bottom:.75rem}.final-cta.svelte-39joom h2:where(.svelte-39joom) .accent:where(.svelte-39joom){color:#34d399}.final-cta.svelte-39joom>p:where(.svelte-39joom){font-size:1rem;color:var(--color-ss-text-inverse);opacity:.85;margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.cta-buttons.svelte-39joom{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.cta-note.svelte-39joom{font-size:.75rem;color:var(--color-ss-text-inverse);opacity:.6}@media(max-width:900px){.flowchart-container.svelte-39joom{display:none}.flowchart-mobile.svelte-39joom{display:flex}}@media(max-width:768px){.hero.svelte-39joom h1:where(.svelte-39joom){font-size:2rem}.principles-grid.svelte-39joom{grid-template-columns:1fr}.section--alt.svelte-39joom{margin-left:-1rem;margin-right:-1rem;padding:2rem 1rem}.mid-cta-buttons.svelte-39joom,.cta-buttons.svelte-39joom{flex-direction:column}.related-grid.svelte-39joom{grid-template-columns:1fr}.key-takeaways.svelte-39joom{flex-direction:column;text-align:center}.takeaway-icon.svelte-39joom{margin:0 auto}.takeaway-content.svelte-39joom ul:where(.svelte-39joom){text-align:left}.expand-btn.svelte-39joom span:where(.svelte-39joom){display:none}}.flowchart-modal-overlay.svelte-39joom{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:stretch;justify-content:stretch;padding:1rem;animation:svelte-39joom-fadeIn .2s ease}@keyframes svelte-39joom-fadeIn{0%{opacity:0}to{opacity:1}}.flowchart-modal.svelte-39joom{background:var(--color-ss-bg-base);border:3px solid var(--color-ss-border-hard);border-radius:16px;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;animation:svelte-39joom-slideUp .25s ease}@keyframes svelte-39joom-slideUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header.svelte-39joom{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-ss-bg-dark);border-bottom:3px solid var(--color-ss-border-hard);flex-shrink:0}.modal-header-left.svelte-39joom{display:flex;align-items:center;gap:.75rem}.modal-header.svelte-39joom h3:where(.svelte-39joom){font-size:1.25rem;font-weight:700;color:#fff;margin:0}.modal-header-right.svelte-39joom{display:flex;align-items:center;gap:1rem}.modal-hint.svelte-39joom{font-size:.8125rem;color:#fff9}.modal-close.svelte-39joom{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#ffffff1a;border:none;border-radius:8px;cursor:pointer;color:#fff;transition:all .15s ease}.modal-close.svelte-39joom:hover{background:#ef4444;transform:scale(1.05)}.modal-content.svelte-39joom{display:flex;flex:1;overflow:hidden}.modal-sidebar.svelte-39joom{width:220px;background:var(--color-ss-bg-overlay);border-right:2px solid var(--color-ss-border-subtle);padding:1rem;overflow-y:auto;flex-shrink:0}.sidebar-title.svelte-39joom{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-ss-text-muted);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-ss-border-subtle)}.sidebar-step.svelte-39joom{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:2px solid transparent;border-radius:8px;text-align:left;cursor:pointer;transition:all .15s ease;margin-bottom:.375rem}.sidebar-step.svelte-39joom:hover{background:var(--color-ss-bg-base);border-color:var(--color-ss-border-subtle)}.sidebar-step.active.svelte-39joom{background:var(--color-ss-accent-light);border-color:var(--color-ss-accent)}.step-indicator.svelte-39joom{width:12px;height:12px;border-radius:50%;background:var(--color-ss-text-muted);flex-shrink:0}.step-indicator.mcp.svelte-39joom{background:#047857}.step-indicator.validate.svelte-39joom{background:#f59e0b}.step-indicator.commit.svelte-39joom{background:#10b981}.sidebar-step.active.svelte-39joom .step-indicator:where(.svelte-39joom){box-shadow:0 0 0 3px #0478574d}.step-name.svelte-39joom{font-size:.875rem;font-weight:600;color:var(--color-ss-text-primary)}.modal-main.svelte-39joom{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.flowchart-scroll-area.svelte-39joom{flex:1;overflow:auto;padding:1.5rem}.flowchart-svg-modal.svelte-39joom{width:100%;min-width:1150px;height:auto;display:block}.flowchart-node.svelte-39joom{cursor:pointer;transition:all .2s ease}.flowchart-node.svelte-39joom:hover{filter:brightness(1.05)}.flowchart-node.svelte-39joom:focus{outline:none}.tooltip-panel-large.svelte-39joom{display:flex;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#1f2937,#111827);border-top:3px solid var(--color-ss-accent);animation:svelte-39joom-slideInUp .2s ease}@keyframes svelte-39joom-slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tooltip-icon.svelte-39joom{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:10px;flex-shrink:0}.tooltip-icon.svelte-39joom svg:where(.svelte-39joom){width:1.5rem;height:1.5rem;stroke:#9ca3af}.tooltip-icon.mcp.svelte-39joom{background:#04785733}.tooltip-icon.mcp.svelte-39joom svg:where(.svelte-39joom){stroke:#34d399}.tooltip-icon.validate.svelte-39joom{background:#f59e0b33}.tooltip-icon.validate.svelte-39joom svg:where(.svelte-39joom){stroke:#fbbf24}.tooltip-icon.commit.svelte-39joom{background:#10b98133}.tooltip-icon.commit.svelte-39joom svg:where(.svelte-39joom){stroke:#34d399}.tooltip-content.svelte-39joom{flex:1}.tooltip-content.svelte-39joom h4:where(.svelte-39joom){font-size:1.125rem;font-weight:700;margin:0 0 .5rem;color:#34d399}.tooltip-content.svelte-39joom p:where(.svelte-39joom){font-size:.9375rem;line-height:1.6;margin:0;color:#ffffffd9}.tooltip-placeholder.svelte-39joom{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:var(--color-ss-bg-overlay);border-top:2px solid var(--color-ss-border-subtle);color:var(--color-ss-text-muted);font-size:.875rem}.tooltip-placeholder.svelte-39joom svg:where(.svelte-39joom){width:1.5rem;height:1.5rem;stroke:var(--color-ss-text-muted);opacity:.5}.modal-footer.svelte-39joom{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-ss-bg-overlay);border-top:2px solid var(--color-ss-border-subtle);flex-shrink:0}.modal-legend.svelte-39joom{display:flex;gap:1.5rem;flex-wrap:wrap}.modal-actions.svelte-39joom{display:flex;gap:.75rem}.btn-sm.svelte-39joom{padding:.5rem 1rem;font-size:.8125rem}@media(max-width:900px){.modal-sidebar.svelte-39joom,.modal-hint.svelte-39joom{display:none}}@media(max-width:768px){.flowchart-modal-overlay.svelte-39joom{padding:0}.flowchart-modal.svelte-39joom{border-radius:0}.modal-footer.svelte-39joom{flex-direction:column;gap:1rem}.modal-legend.svelte-39joom{justify-content:center}}.layout-two-col.svelte-39joom{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start;margin-bottom:2.5rem}.col-main.svelte-39joom{min-width:0}.col-aside.svelte-39joom{position:sticky;top:2rem}.aside-callout.svelte-39joom{padding:1.5rem;border-radius:12px;border:3px solid}.aside-callout-quote.svelte-39joom{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:var(--color-ss-border-hard);box-shadow:6px 6px 0 var(--color-ss-shadow)}.aside-callout.svelte-39joom .callout-icon:where(.svelte-39joom){width:2.5rem;height:2.5rem;margin-bottom:1rem;padding:.5rem;background:var(--color-ss-bg-dark);border-radius:8px}.aside-callout.svelte-39joom blockquote:where(.svelte-39joom){font-size:1rem;font-style:italic;font-weight:500;color:var(--color-ss-text-primary);margin:0 0 .75rem;line-height:1.5}.aside-callout.svelte-39joom cite:where(.svelte-39joom){font-size:.8125rem;color:var(--color-ss-text-muted);font-style:normal;font-weight:600}.feature-strip.svelte-39joom{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 0;border-top:2px dashed var(--color-ss-border-subtle)}.feature-strip-label.svelte-39joom{font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--color-ss-accent);background:var(--color-ss-accent-light);padding:.375rem .75rem;border-radius:4px}.example-scenario-enhanced.svelte-39joom{border:none;background:transparent;overflow:visible}.scenario-header.svelte-39joom{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.scenario-badge.svelte-39joom{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:6px}.scenario-badge.svelte-39joom svg:where(.svelte-39joom){width:14px;height:14px}.scenario-header.svelte-39joom h3:where(.svelte-39joom){font-size:1.5rem;font-weight:800;color:var(--color-ss-text-primary);margin:0;background:transparent;padding:0}.scenario-context-enhanced.svelte-39joom{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0;border:none;margin-bottom:2rem}.context-item.svelte-39joom{padding:1rem;background:var(--color-ss-bg-overlay);border:2px solid var(--color-ss-border-subtle);border-radius:10px;text-align:center}.context-label.svelte-39joom{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ss-text-muted);margin-bottom:.25rem}.context-value.svelte-39joom{font-size:.9375rem;font-weight:700;color:var(--color-ss-text-primary)}.conversation-timeline.svelte-39joom{position:relative;padding-left:3rem;border:none;background:transparent}.conversation-timeline.svelte-39joom:before{content:"";position:absolute;left:.75rem;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-ss-accent) 0%,#8b5cf6 50%,#10b981 100%);border-radius:2px}.timeline-marker.svelte-39joom{position:relative;display:flex;align-items:center;gap:.75rem;margin:2rem 0 1.25rem -3rem;padding-left:3rem}.timeline-marker.svelte-39joom:before{content:"";position:absolute;left:.25rem;width:1.25rem;height:1.25rem;background:var(--color-ss-accent);border:3px solid white;border-radius:50%;box-shadow:0 0 0 3px var(--color-ss-accent)}.timeline-marker.svelte-39joom:first-child{margin-top:0}.marker-num.svelte-39joom{display:none}.marker-label.svelte-39joom{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-ss-accent);background:var(--color-ss-accent-light);padding:.25rem .75rem;border-radius:4px}.timeline-marker-loop.svelte-39joom .marker-label:where(.svelte-39joom){background:#f3e8ff;color:#8b5cf6}.timeline-marker-loop.svelte-39joom:before{background:#8b5cf6;box-shadow:0 0 0 3px #8b5cf6}.marker-context.svelte-39joom{font-size:.8125rem;color:var(--color-ss-text-muted);font-style:italic}.conversation-timeline.svelte-39joom .conversation-item:where(.svelte-39joom){position:relative;margin-bottom:1rem;border-width:2px;background:#fff}.conversation-timeline.svelte-39joom .conversation-item:where(.svelte-39joom):before{content:"";position:absolute;left:-2.125rem;top:1.25rem;width:.625rem;height:.625rem;background:var(--color-ss-border-subtle);border-radius:50%}.conv-role.svelte-39joom{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.conv-role.svelte-39joom svg:where(.svelte-39joom){width:1rem;height:1rem}.conversation-item.prompt-item.svelte-39joom .conv-role:where(.svelte-39joom) svg:where(.svelte-39joom){stroke:#6b7280}.conversation-item.assistant.svelte-39joom .conv-role:where(.svelte-39joom) svg:where(.svelte-39joom){stroke:#3b82f6}.conversation-item.result.svelte-39joom .conv-role:where(.svelte-39joom) svg:where(.svelte-39joom){stroke:#047857}.conversation-item.assistant-commit.svelte-39joom{background:#d1fae5;border-color:#10b981}.conversation-item.assistant-commit.svelte-39joom .conv-role:where(.svelte-39joom) svg:where(.svelte-39joom){stroke:#065f46}.conversation-item.assistant-success.svelte-39joom{background:#d1fae5;border-color:#10b981}.conversation-item.assistant-success.svelte-39joom .conv-role:where(.svelte-39joom) svg:where(.svelte-39joom){stroke:#10b981}.conversation-item.assistant-success.svelte-39joom:before{background:#10b981}.commit-msg.svelte-39joom{display:block;font-size:.875rem;padding:.5rem .75rem;background:#0000000d;border-radius:6px;font-family:var(--font-ss-mono)}.status-pass.svelte-39joom{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:#10b981;color:#fff;font-size:.75rem;font-weight:700;border-radius:4px;margin-left:.5rem}.tool-call.svelte-39joom{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;background:#04785714;border:1px solid rgba(4,120,87,.2);border-radius:8px}.tool-label.svelte-39joom{font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#047857;background:#04785726;padding:.125rem .5rem;border-radius:3px}.tool-call.svelte-39joom code:where(.svelte-39joom){font-size:.875rem;font-weight:700;color:#047857;font-family:var(--font-ss-mono)}.tool-params.svelte-39joom{font-size:.8125rem;color:var(--color-ss-text-secondary);font-family:var(--font-ss-mono)}.result-score.svelte-39joom{display:inline-block;font-size:.875rem;font-weight:800;padding:.375rem .75rem;background:var(--color-ss-accent);color:#fff;border-radius:6px;margin-bottom:1rem}.result-grid.svelte-39joom{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.result-item.svelte-39joom{display:flex;flex-direction:column;gap:.125rem;padding:.5rem .75rem;background:#0478570d;border-radius:6px}.result-cat.svelte-39joom{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ss-text-muted)}.result-item.svelte-39joom strong:where(.svelte-39joom){font-size:.9375rem;color:#047857}.result-meta.svelte-39joom{font-size:.75rem;color:var(--color-ss-text-secondary)}.comparison-winner.svelte-39joom{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-ss-accent);border-radius:8px;margin-bottom:.75rem}.winner-label.svelte-39joom{font-size:.75rem;color:#fffc}.comparison-winner.svelte-39joom strong:where(.svelte-39joom){font-size:1.25rem;color:#fff}.winner-score.svelte-39joom{margin-left:auto;font-size:1rem;font-weight:800;color:#fff;background:#fff3;padding:.25rem .625rem;border-radius:4px}.comparison-list.svelte-39joom{display:flex;gap:.75rem}.comparison-item.svelte-39joom{flex:1;display:flex;justify-content:space-between;padding:.5rem .75rem;background:var(--color-ss-bg-overlay);border-radius:6px;font-size:.875rem}.comparison-item.loser.svelte-39joom{opacity:.7}.comparison-item.svelte-39joom span:where(.svelte-39joom):last-child{font-weight:700;color:var(--color-ss-text-muted)}@media(max-width:900px){.layout-two-col.svelte-39joom{grid-template-columns:1fr}.col-aside.svelte-39joom{position:static}.aside-callout.svelte-39joom{margin-top:1.5rem}.scenario-context-enhanced.svelte-39joom{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.versus-grid.svelte-39joom{grid-template-columns:1fr;gap:1rem}.versus-divider.svelte-39joom{transform:rotate(90deg)}.equation-box.svelte-39joom{flex-direction:column;padding:1.5rem}.equation-operator.svelte-39joom{transform:rotate(90deg)}.tool-item.svelte-39joom{grid-template-columns:1fr;gap:.5rem}.conversation-timeline.svelte-39joom{padding-left:2rem}.conversation-timeline.svelte-39joom:before{left:.5rem;width:2px}.timeline-marker.svelte-39joom{margin-left:-2rem;padding-left:2rem}.timeline-marker.svelte-39joom:before{left:.125rem;width:1rem;height:1rem}.conversation-timeline.svelte-39joom .conversation-item:where(.svelte-39joom):before{left:-1.625rem;width:.5rem;height:.5rem}.result-grid.svelte-39joom{grid-template-columns:1fr}.comparison-list.svelte-39joom{flex-direction:column}}@media(max-width:480px){.scenario-context-enhanced.svelte-39joom{grid-template-columns:1fr}}.reading-progress-bar.svelte-39joom{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--color-ss-accent) 0%,#10b981 100%);z-index:9999;transition:width .1s linear}.back-to-top.svelte-39joom{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--color-ss-accent);color:#fff;border:3px solid var(--color-ss-border-hard);border-radius:50%;cursor:pointer;z-index:100;box-shadow:4px 4px 0 var(--color-ss-shadow);transition:all .2s ease;animation:svelte-39joom-fadeInUp .3s ease}.back-to-top.svelte-39joom:hover{transform:translateY(-4px);box-shadow:6px 6px 0 var(--color-ss-shadow)}.back-to-top.svelte-39joom:active{transform:translateY(0);box-shadow:2px 2px 0 var(--color-ss-shadow)}@keyframes svelte-39joom-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anchor-link.svelte-39joom{opacity:0;margin-left:.5rem;color:var(--color-ss-text-muted);text-decoration:none;font-weight:400;transition:opacity .2s ease}.section-title.svelte-39joom:hover .anchor-link:where(.svelte-39joom){opacity:1}.anchor-link.svelte-39joom:hover{color:var(--color-ss-accent)}.copy-btn.copied.svelte-39joom{opacity:1}.copy-btn.copied.svelte-39joom svg:where(.svelte-39joom){stroke:#10b981}.toc-item.active.svelte-39joom a:where(.svelte-39joom){background:var(--color-ss-accent-light);border-color:var(--color-ss-accent)}.toc-item.active.svelte-39joom .toc-number:where(.svelte-39joom){background:var(--color-ss-accent);color:#fff}@media(min-width:1024px){.toc-section.svelte-39joom{position:sticky;top:80px;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}}.faq-item.svelte-39joom{transition:all .2s ease}.faq-item[open].svelte-39joom{background:var(--color-ss-bg-base)}.faq-answer.svelte-39joom{animation:svelte-39joom-slideDown .3s ease}@keyframes svelte-39joom-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.faq-question.svelte-39joom{transition:color .2s ease}.faq-item[open].svelte-39joom .faq-question:where(.svelte-39joom){color:var(--color-ss-accent)}html{scroll-behavior:smooth}@media print{.reading-progress-bar.svelte-39joom,.back-to-top.svelte-39joom,.hero-cta.svelte-39joom,.mid-cta.svelte-39joom,.final-cta.svelte-39joom,.toc-section.svelte-39joom,.expand-btn.svelte-39joom,.copy-btn.svelte-39joom,.flowchart-modal-overlay.svelte-39joom{display:none!important}.guide-article.svelte-39joom{max-width:100%;padding:0}.code-showcase.svelte-39joom{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.flowchart-container.svelte-39joom{break-inside:avoid}.code-block.svelte-39joom{white-space:pre-wrap;word-wrap:break-word}.principles-grid.svelte-39joom,.versus-grid.svelte-39joom{grid-template-columns:1fr}.versus-divider.svelte-39joom{display:none}.equation-box.svelte-39joom{flex-direction:column}a[href].svelte-39joom:after{content:" (" attr(href) ")";font-size:.8em;color:#666}a.anchor-link.svelte-39joom:after{content:none}}