.guide-article.svelte-1x0l8c9{max-width:960px;margin:0 auto;padding:2rem}.breadcrumb.svelte-1x0l8c9{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-ss-text-secondary);margin-bottom:2rem}.breadcrumb.svelte-1x0l8c9 a:where(.svelte-1x0l8c9){color:var(--color-ss-text-secondary);text-decoration:none;transition:color .15s}.breadcrumb.svelte-1x0l8c9 a:where(.svelte-1x0l8c9):hover{color:var(--color-ss-accent)}.breadcrumb.svelte-1x0l8c9 .sep:where(.svelte-1x0l8c9){opacity:.5}.breadcrumb.svelte-1x0l8c9 .current:where(.svelte-1x0l8c9){color:var(--color-ss-text);font-weight:600}.hero.svelte-1x0l8c9{text-align:center;padding:2rem 0 3rem;margin-bottom:2rem}.hero-badges.svelte-1x0l8c9{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.badge.svelte-1x0l8c9{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:2rem;border:2px solid}.badge-security.svelte-1x0l8c9{background:#059669;border-color:#047857;color:#fff}.badge-guide.svelte-1x0l8c9{background:var(--color-ss-surface);border-color:var(--color-ss-border-hard);color:var(--color-ss-text)}.hero.svelte-1x0l8c9 h1:where(.svelte-1x0l8c9){font-family:var(--font-ss-display);font-size:clamp(2.5rem,6vw,3.5rem);font-weight:900;line-height:1.1;margin:0 0 1rem}.hero.svelte-1x0l8c9 h1:where(.svelte-1x0l8c9) .accent:where(.svelte-1x0l8c9){color:var(--color-ss-accent)}.lead.svelte-1x0l8c9{font-size:1.15rem;color:var(--color-ss-text-secondary);max-width:560px;margin:0 auto 2rem;line-height:1.6}.hero-stats.svelte-1x0l8c9{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card.svelte-1x0l8c9{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;background:var(--color-ss-surface);border:3px solid var(--color-ss-border-hard);border-radius:1rem;box-shadow:4px 4px 0 var(--color-ss-shadow)}.stat-card.svelte-1x0l8c9 .stat-value:where(.svelte-1x0l8c9){font-family:var(--font-ss-mono);font-size:1.5rem;font-weight:800;color:var(--color-ss-accent)}.stat-card.svelte-1x0l8c9 .stat-label:where(.svelte-1x0l8c9){font-size:.7rem;color:var(--color-ss-text-secondary);text-transform:uppercase;letter-spacing:.05em}.hero-actions.svelte-1x0l8c9{display:flex;justify-content:center;gap:1rem}.methodology-box.svelte-1x0l8c9{position:relative;display:flex;gap:1.25rem;padding:1.5rem 1.5rem 1.5rem 2rem;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:1rem;margin-bottom:3rem}.methodology-box.svelte-1x0l8c9:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--color-ss-accent);border-radius:1rem 0 0 1rem}.methodology-icon.svelte-1x0l8c9{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-ss-accent);color:#fff;border-radius:.75rem}.methodology-content.svelte-1x0l8c9 h3:where(.svelte-1x0l8c9){font-size:1rem;font-weight:700;margin:0 0 .75rem}.methodology-content.svelte-1x0l8c9 ul:where(.svelte-1x0l8c9){list-style:none;padding:0;margin:0 0 .75rem}.methodology-content.svelte-1x0l8c9 li:where(.svelte-1x0l8c9){font-size:.85rem;color:var(--color-ss-text-secondary);margin-bottom:.4rem;padding-left:1rem;position:relative}.methodology-content.svelte-1x0l8c9 li:where(.svelte-1x0l8c9):before{content:"•";position:absolute;left:0;color:var(--color-ss-accent);font-weight:700}.methodology-content.svelte-1x0l8c9 li:where(.svelte-1x0l8c9) strong:where(.svelte-1x0l8c9){color:var(--color-ss-text)}.methodology-disclaimer.svelte-1x0l8c9{font-size:.75rem;color:var(--color-ss-text-secondary);font-style:italic;margin:0}.content-section.svelte-1x0l8c9{margin-bottom:4rem}.section-header.svelte-1x0l8c9{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-ss-border-soft)}.section-num.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:.85rem;font-weight:700;color:#fff;background:var(--color-ss-accent);padding:.35rem .75rem;border-radius:.5rem;box-shadow:3px 3px 0 var(--color-ss-shadow)}.section-header.svelte-1x0l8c9 h2:where(.svelte-1x0l8c9){font-family:var(--font-ss-display);font-size:1.75rem;font-weight:800;margin:0}.section-intro.svelte-1x0l8c9{font-size:1rem;color:var(--color-ss-text-secondary);margin-bottom:1.5rem}.section-intro.svelte-1x0l8c9 strong:where(.svelte-1x0l8c9){color:var(--color-ss-text)}.flowchart.svelte-1x0l8c9{display:flex;align-items:stretch;justify-content:center;gap:1.5rem;padding:2rem;background:var(--color-ss-muted);border:3px solid var(--color-ss-border-hard);border-radius:1.5rem;box-shadow:6px 6px 0 var(--color-ss-shadow);overflow-x:auto}.flow-step.svelte-1x0l8c9{flex:1;min-width:180px;max-width:220px;background:#fff;border:3px solid var(--color-ss-border-hard);border-radius:1rem;overflow:hidden;box-shadow:4px 4px 0 var(--color-ss-shadow)}.step-header.svelte-1x0l8c9{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--step-bg);color:#fff}.step-number.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:.85rem;font-weight:800}.step-label.svelte-1x0l8c9{font-size:.7rem;font-weight:700;letter-spacing:.05em}.step-body.svelte-1x0l8c9{padding:1.25rem;text-align:center}.step-icon.svelte-1x0l8c9{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto .75rem;background:var(--color-ss-muted);border-radius:50%;color:var(--color-ss-text)}.step-body.svelte-1x0l8c9 h4:where(.svelte-1x0l8c9){font-size:.95rem;font-weight:700;margin:0 0 .5rem}.step-code.svelte-1x0l8c9{display:block;font-family:var(--font-ss-mono);font-size:.7rem;padding:.5rem;background:var(--color-ss-muted);border-radius:.5rem;line-height:1.5}.step-sources.svelte-1x0l8c9{display:flex;justify-content:center;gap:.35rem;flex-wrap:wrap}.source-tag.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:.65rem;font-weight:600;padding:.2rem .5rem;background:var(--color-ss-accent);color:#fff;border-radius:.25rem}.step-detail.svelte-1x0l8c9{font-size:.8rem;color:var(--color-ss-text-secondary)}.flow-arrow.svelte-1x0l8c9{display:flex;align-items:center;color:var(--color-ss-border-hard)}.flow-arrow.svelte-1x0l8c9 svg:where(.svelte-1x0l8c9){width:32px;height:32px}.detection-grid.svelte-1x0l8c9{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.detection-card.svelte-1x0l8c9{position:relative;padding:1.25rem;background:var(--color-ss-surface);border:3px solid var(--color-ss-border-hard);border-radius:1rem;box-shadow:4px 4px 0 var(--color-ss-shadow);overflow:hidden}.detection-card.svelte-1x0l8c9:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color)}.card-header.svelte-1x0l8c9{margin-bottom:.75rem}.severity-badge.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:.6rem;font-weight:700;padding:.2rem .5rem;background:var(--card-color);color:#fff;border-radius:.25rem}.detection-card.svelte-1x0l8c9 h4:where(.svelte-1x0l8c9){font-size:.95rem;font-weight:700;margin:0 0 .5rem}.detection-card.svelte-1x0l8c9 p:where(.svelte-1x0l8c9){font-size:.8rem;color:var(--color-ss-text-secondary);margin:0 0 .75rem;line-height:1.45}.card-example.svelte-1x0l8c9{display:flex;flex-direction:column;gap:.15rem;padding:.6rem;background:var(--color-ss-muted);border-radius:.5rem}.example-label.svelte-1x0l8c9{font-size:.6rem;font-weight:600;text-transform:uppercase;color:var(--color-ss-text-secondary);letter-spacing:.05em}.example-value.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:.75rem;color:var(--color-ss-text)}.score-scale-card.svelte-1x0l8c9{padding:1.5rem;background:var(--color-ss-surface);border:3px solid var(--color-ss-border-hard);border-radius:1rem;box-shadow:4px 4px 0 var(--color-ss-shadow);margin-bottom:1.5rem}.scale-header.svelte-1x0l8c9{margin-bottom:1.25rem}.scale-header.svelte-1x0l8c9 h4:where(.svelte-1x0l8c9){font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.scale-header.svelte-1x0l8c9 p:where(.svelte-1x0l8c9){font-size:.85rem;color:var(--color-ss-text-secondary);margin:0}.scale-bar.svelte-1x0l8c9{display:flex;border-radius:.5rem;overflow:hidden;border:2px solid var(--color-ss-border-hard);margin-bottom:1rem}.scale-segment.svelte-1x0l8c9{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.scale-segment.critical.svelte-1x0l8c9{background:#fef2f2}.scale-segment.fair.svelte-1x0l8c9{background:#fffbeb}.scale-segment.good.svelte-1x0l8c9{background:#f0fdf4}.scale-segment.excellent.svelte-1x0l8c9{background:#ecfdf5}.scale-range.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:1rem;font-weight:800}.scale-segment.critical.svelte-1x0l8c9 .scale-range:where(.svelte-1x0l8c9){color:#dc2626}.scale-segment.fair.svelte-1x0l8c9 .scale-range:where(.svelte-1x0l8c9){color:#d97706}.scale-segment.good.svelte-1x0l8c9 .scale-range:where(.svelte-1x0l8c9){color:#16a34a}.scale-segment.excellent.svelte-1x0l8c9 .scale-range:where(.svelte-1x0l8c9){color:#059669}.scale-label.svelte-1x0l8c9{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.scale-segment.critical.svelte-1x0l8c9 .scale-label:where(.svelte-1x0l8c9){color:#ef4444}.scale-segment.fair.svelte-1x0l8c9 .scale-label:where(.svelte-1x0l8c9){color:#f59e0b}.scale-segment.good.svelte-1x0l8c9 .scale-label:where(.svelte-1x0l8c9){color:#22c55e}.scale-segment.excellent.svelte-1x0l8c9 .scale-label:where(.svelte-1x0l8c9){color:#10b981}.scale-actions.svelte-1x0l8c9{display:flex;gap:.5rem}.action-item.svelte-1x0l8c9{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.action-item.svelte-1x0l8c9 svg:where(.svelte-1x0l8c9){width:16px;height:16px;flex-shrink:0}.action-item.critical.svelte-1x0l8c9{background:#fef2f2;color:#dc2626;border:2px solid #fecaca}.action-item.fair.svelte-1x0l8c9{background:#fffbeb;color:#d97706;border:2px solid #fde68a}.action-item.good.svelte-1x0l8c9{background:#f0fdf4;color:#16a34a;border:2px solid #bbf7d0}.action-item.excellent.svelte-1x0l8c9{background:#ecfdf5;color:#059669;border:2px solid #a7f3d0}.formula-inline.svelte-1x0l8c9{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#1e293b;border:3px solid var(--color-ss-border-hard);border-radius:.75rem;box-shadow:4px 4px 0 var(--color-ss-shadow);margin-bottom:1.5rem}.formula-title.svelte-1x0l8c9{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.8rem;font-weight:600;flex-shrink:0}.formula-title.svelte-1x0l8c9 svg:where(.svelte-1x0l8c9){width:18px;height:18px}.formula-content.svelte-1x0l8c9{flex:1}.formula-code.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:.85rem;color:#e2e8f0;background:transparent}.weights-grid.svelte-1x0l8c9{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.weight-card.svelte-1x0l8c9{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:var(--color-ss-surface);border:3px solid var(--color-ss-border-hard);border-radius:.75rem;box-shadow:4px 4px 0 var(--color-ss-shadow);text-align:center}.weight-card.critical.svelte-1x0l8c9{border-top:4px solid #ef4444}.weight-card.high.svelte-1x0l8c9{border-top:4px solid #f97316}.weight-card.medium.svelte-1x0l8c9{border-top:4px solid #f59e0b}.weight-card.low.svelte-1x0l8c9{border-top:4px solid #22c55e}.weight-badge.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:.25rem;color:#fff}.weight-card.critical.svelte-1x0l8c9 .weight-badge:where(.svelte-1x0l8c9){background:#ef4444}.weight-card.high.svelte-1x0l8c9 .weight-badge:where(.svelte-1x0l8c9){background:#f97316}.weight-card.medium.svelte-1x0l8c9 .weight-badge:where(.svelte-1x0l8c9){background:#f59e0b;color:#1e293b}.weight-card.low.svelte-1x0l8c9 .weight-badge:where(.svelte-1x0l8c9){background:#22c55e}.weight-value.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:1.75rem;font-weight:900}.weight-card.critical.svelte-1x0l8c9 .weight-value:where(.svelte-1x0l8c9){color:#ef4444}.weight-card.high.svelte-1x0l8c9 .weight-value:where(.svelte-1x0l8c9){color:#f97316}.weight-card.medium.svelte-1x0l8c9 .weight-value:where(.svelte-1x0l8c9){color:#f59e0b}.weight-card.low.svelte-1x0l8c9 .weight-value:where(.svelte-1x0l8c9){color:#22c55e}.weight-desc.svelte-1x0l8c9{font-size:.7rem;color:var(--color-ss-text-secondary);line-height:1.4}.example-card.svelte-1x0l8c9{padding:2rem;background:var(--color-ss-surface);border:3px solid var(--color-ss-border-hard);border-radius:1.5rem;box-shadow:6px 6px 0 var(--color-ss-shadow)}.example-header.svelte-1x0l8c9{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.example-badge.svelte-1x0l8c9{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.3rem .75rem;background:var(--color-ss-accent);color:#fff;border-radius:1rem}.example-header.svelte-1x0l8c9 h3:where(.svelte-1x0l8c9){font-size:1.25rem;font-weight:700;margin:0}.stack-preview.svelte-1x0l8c9{margin-bottom:1.5rem}.stack-label.svelte-1x0l8c9{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--color-ss-text-secondary);letter-spacing:.05em;margin-bottom:.5rem}.stack-chips.svelte-1x0l8c9{display:flex;flex-wrap:wrap;gap:.5rem}.chip.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:.75rem;padding:.3rem .6rem;background:var(--color-ss-muted);border:1px solid var(--color-ss-border-soft);border-radius:.35rem}.comparison.svelte-1x0l8c9{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.audit-result.svelte-1x0l8c9{flex:1;padding:1.25rem;background:var(--color-ss-surface);border:3px solid;border-radius:1rem;box-shadow:4px 4px 0 var(--color-ss-shadow)}.audit-result.before.svelte-1x0l8c9{border-color:#ef4444}.audit-result.after.svelte-1x0l8c9{border-color:#10b981}.result-header.svelte-1x0l8c9{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.result-label.svelte-1x0l8c9{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-ss-text-secondary)}.result-score.svelte-1x0l8c9{text-align:right}.score-value.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:2rem;font-weight:900;line-height:1}.score-value.critical.svelte-1x0l8c9{color:#ef4444}.score-value.excellent.svelte-1x0l8c9{color:#10b981}.score-grade.svelte-1x0l8c9{display:block;font-size:.7rem;color:var(--color-ss-text-secondary)}.findings-list.svelte-1x0l8c9{display:flex;flex-direction:column;gap:.5rem}.finding.svelte-1x0l8c9{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.finding.resolved.svelte-1x0l8c9{color:#10b981}.finding-badge.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:.55rem;font-weight:700;padding:.15rem .4rem;border-radius:.2rem;color:#fff}.finding-badge.critical.svelte-1x0l8c9{background:#ef4444}.finding-badge.high.svelte-1x0l8c9{background:#f97316}.finding-badge.medium.svelte-1x0l8c9{background:#f59e0b;color:#1e293b}.finding-badge.low.svelte-1x0l8c9{background:#22c55e}.finding-check.svelte-1x0l8c9{font-size:1rem;font-weight:700}.finding-text.svelte-1x0l8c9{flex:1}.comparison-arrow.svelte-1x0l8c9{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--color-ss-accent)}.comparison-arrow.svelte-1x0l8c9 svg:where(.svelte-1x0l8c9){width:40px;height:40px}.comparison-arrow.svelte-1x0l8c9 span:where(.svelte-1x0l8c9){font-size:.7rem;color:var(--color-ss-text-secondary)}.outcome-stats.svelte-1x0l8c9{display:flex;justify-content:center;gap:3rem;padding-top:1.5rem;border-top:2px solid var(--color-ss-border-soft)}.outcome-stat.svelte-1x0l8c9{display:flex;flex-direction:column;align-items:center}.stat-delta.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:1.75rem;font-weight:800}.stat-delta.positive.svelte-1x0l8c9{color:#10b981}.stat-delta.neutral.svelte-1x0l8c9{color:var(--color-ss-accent)}.stat-desc.svelte-1x0l8c9{font-size:.75rem;color:var(--color-ss-text-secondary)}.timeline.svelte-1x0l8c9{position:relative;padding-left:3rem}.timeline.svelte-1x0l8c9:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:3px;background:var(--color-ss-border-soft);border-radius:2px}.timeline-item.svelte-1x0l8c9{position:relative;padding-bottom:2rem}.timeline-item.svelte-1x0l8c9:last-child{padding-bottom:0}.timeline-marker.svelte-1x0l8c9{position:absolute;left:-3rem;top:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-ss-surface);border:3px solid var(--marker-color);border-radius:50%;color:var(--marker-color);box-shadow:3px 3px 0 var(--color-ss-shadow)}.timeline-content.svelte-1x0l8c9{padding:1rem 1.25rem;background:var(--color-ss-surface);border:2px solid var(--color-ss-border-soft);border-radius:.75rem;margin-left:.5rem}.timeline-content.svelte-1x0l8c9 h4:where(.svelte-1x0l8c9){font-size:1rem;font-weight:700;margin:0 0 .35rem}.timeline-content.svelte-1x0l8c9 p:where(.svelte-1x0l8c9){font-size:.85rem;color:var(--color-ss-text-secondary);margin:0;line-height:1.5}.mcp-card.svelte-1x0l8c9{background:var(--color-ss-surface);border:3px solid var(--color-ss-border-hard);border-radius:1.5rem;overflow:hidden;box-shadow:6px 6px 0 var(--color-ss-shadow)}.mcp-header.svelte-1x0l8c9{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--color-ss-surface);border-bottom:2px solid var(--color-ss-border-soft)}.mcp-badge.svelte-1x0l8c9{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b5cf6;color:#fff;font-weight:700;font-size:.85rem;border-radius:.5rem}.mcp-header.svelte-1x0l8c9 p:where(.svelte-1x0l8c9){font-size:.95rem;color:var(--color-ss-text-secondary);margin:0}.mcp-tabs.svelte-1x0l8c9{display:flex;gap:0;padding:.75rem 1rem 0;background:var(--color-ss-muted);border-bottom:2px solid var(--color-ss-border-soft)}.mcp-tab.svelte-1x0l8c9{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;background:transparent;border:none;font-size:.85rem;font-weight:600;color:var(--color-ss-text-secondary);cursor:pointer;transition:all .15s;border-radius:.5rem .5rem 0 0}.mcp-tab.svelte-1x0l8c9:hover{color:var(--color-ss-text);background:#fff}.mcp-tab.active.svelte-1x0l8c9{color:#8b5cf6;background:#fff;box-shadow:0 -2px #8b5cf6 inset}.mcp-content.svelte-1x0l8c9{padding:1.25rem;background:#fff}.install-block.svelte-1x0l8c9{display:flex;flex-direction:column;gap:.5rem}.install-label.svelte-1x0l8c9{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--color-ss-text-secondary);letter-spacing:.05em}.install-cmd.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:.85rem;padding:.75rem 1rem;background:#1e293b;color:#e2e8f0;border-radius:.5rem;overflow-x:auto}.install-code.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:.8rem;padding:.75rem 1rem;background:#1e293b;color:#e2e8f0;border-radius:.5rem;margin:0;overflow-x:auto}.tools-grid.svelte-1x0l8c9{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1.25rem;background:var(--color-ss-muted)}.tool-card.svelte-1x0l8c9{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;background:#fff;border:2px solid var(--color-ss-border-soft);border-radius:.5rem}.tool-name.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:.85rem;font-weight:600;color:#8b5cf6}.tool-desc.svelte-1x0l8c9{font-size:.75rem;color:var(--color-ss-text-secondary)}.practices-grid.svelte-1x0l8c9{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.practice-card.svelte-1x0l8c9{padding:1.25rem;background:var(--color-ss-surface);border:3px solid var(--color-ss-border-hard);border-radius:1rem;box-shadow:4px 4px 0 var(--color-ss-shadow)}.practice-icon.svelte-1x0l8c9{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:.75rem;background:color-mix(in srgb,var(--color-ss-accent) 15%,transparent);border-radius:.75rem;color:var(--color-ss-accent)}.practice-card.svelte-1x0l8c9 h4:where(.svelte-1x0l8c9){font-size:1rem;font-weight:700;margin:0 0 .5rem}.practice-card.svelte-1x0l8c9 p:where(.svelte-1x0l8c9){font-size:.85rem;color:var(--color-ss-text-secondary);margin:0;line-height:1.5}.practice-card.svelte-1x0l8c9 code:where(.svelte-1x0l8c9){font-family:var(--font-ss-mono);font-size:.8rem;background:var(--color-ss-muted);padding:.1rem .35rem;border-radius:.25rem}.faq-section.svelte-1x0l8c9{margin-bottom:4rem}.cta-section.svelte-1x0l8c9{padding:3rem;background:var(--color-ss-accent);border:3px solid var(--color-ss-border-hard);border-radius:1.5rem;box-shadow:6px 6px 0 var(--color-ss-shadow);text-align:center;margin-bottom:3rem}.cta-content.svelte-1x0l8c9 h2:where(.svelte-1x0l8c9){font-family:var(--font-ss-display);font-size:2rem;font-weight:800;color:#fff;margin:0 0 .75rem}.cta-content.svelte-1x0l8c9 p:where(.svelte-1x0l8c9){font-size:1.1rem;color:#ffffffe6;margin:0 0 1.5rem}.cta-actions.svelte-1x0l8c9{display:flex;justify-content:center;gap:1rem}.cta-primary.svelte-1x0l8c9{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:var(--color-ss-accent);font-weight:700;text-decoration:none;border-radius:.5rem;border:2px solid white;transition:all .15s}.cta-primary.svelte-1x0l8c9:hover{background:transparent;color:#fff}.cta-secondary.svelte-1x0l8c9{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:#fff;font-weight:700;text-decoration:none;border-radius:.5rem;border:2px solid rgba(255,255,255,.5);transition:all .15s}.cta-secondary.svelte-1x0l8c9:hover{border-color:#fff;background:#ffffff1a}.related-section.svelte-1x0l8c9{margin-bottom:2rem}.related-section.svelte-1x0l8c9 h3:where(.svelte-1x0l8c9){font-size:1.25rem;font-weight:700;margin:0 0 1rem}.related-grid.svelte-1x0l8c9{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.related-card.svelte-1x0l8c9{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;background:var(--color-ss-surface);border:2px solid var(--color-ss-border-soft);border-radius:.75rem;text-decoration:none;color:inherit;transition:all .15s}.related-card.svelte-1x0l8c9:hover{border-color:var(--color-ss-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.related-category.svelte-1x0l8c9{font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--color-ss-accent);letter-spacing:.05em}.related-title.svelte-1x0l8c9{font-size:.9rem;font-weight:600;color:var(--color-ss-text)}.related-arrow.svelte-1x0l8c9{font-size:1rem;color:var(--color-ss-accent);opacity:0;transition:opacity .15s}.related-card.svelte-1x0l8c9:hover .related-arrow:where(.svelte-1x0l8c9){opacity:1}.article-footer.svelte-1x0l8c9{text-align:center;padding-top:2rem;border-top:1px solid var(--color-ss-border-soft)}.article-footer.svelte-1x0l8c9 p:where(.svelte-1x0l8c9){font-size:.8rem;color:var(--color-ss-text-secondary);margin:0}.section-num.warning.svelte-1x0l8c9{background:#f59e0b}.migration-alert.svelte-1x0l8c9{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#fef2f2;border:3px solid #ef4444;border-radius:1rem;margin-bottom:1.5rem}.alert-icon.svelte-1x0l8c9{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border-radius:50%}.alert-icon.svelte-1x0l8c9 svg:where(.svelte-1x0l8c9){width:22px;height:22px}.alert-content.svelte-1x0l8c9 strong:where(.svelte-1x0l8c9){display:block;font-size:1rem;color:#dc2626;margin-bottom:.25rem}.alert-content.svelte-1x0l8c9 p:where(.svelte-1x0l8c9){font-size:.85rem;color:#7f1d1d;margin:0}.migration-case.svelte-1x0l8c9{padding:2rem;background:var(--color-ss-surface);border:3px solid var(--color-ss-border-hard);border-radius:1.5rem;box-shadow:6px 6px 0 var(--color-ss-shadow)}.case-header.svelte-1x0l8c9{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.case-badge.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:.7rem;font-weight:700;padding:.4rem .75rem;border-radius:1rem;color:#fff}.case-badge.critical.svelte-1x0l8c9{background:#ef4444}.case-header.svelte-1x0l8c9 h3:where(.svelte-1x0l8c9){font-size:1.25rem;font-weight:700;margin:0}.case-stack.svelte-1x0l8c9{margin-bottom:1.5rem}.case-stack.svelte-1x0l8c9 .stack-label:where(.svelte-1x0l8c9){display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--color-ss-text-secondary);margin-bottom:.5rem}.stack-chips.deprecated.svelte-1x0l8c9{display:flex;flex-wrap:wrap;gap:.5rem}.stack-chips.deprecated.svelte-1x0l8c9 .chip:where(.svelte-1x0l8c9){display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-ss-mono);font-size:.75rem;padding:.4rem .75rem;background:#fef2f2;border:2px solid #fecaca;border-radius:.5rem;color:#991b1b}.stack-chips.deprecated.svelte-1x0l8c9 .chip.warning:where(.svelte-1x0l8c9){background:#fffbeb;border-color:#fde68a;color:#92400e}.chip-tag.svelte-1x0l8c9{font-size:.55rem;font-weight:700;padding:.1rem .3rem;background:#ef4444;color:#fff;border-radius:.2rem}.issues-breakdown.svelte-1x0l8c9{padding:1.5rem;background:var(--color-ss-muted);border-radius:1rem;margin-bottom:1.5rem}.issues-breakdown.svelte-1x0l8c9 h4:where(.svelte-1x0l8c9){display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;margin:0 0 1rem}.issues-breakdown.svelte-1x0l8c9 h4:where(.svelte-1x0l8c9) svg:where(.svelte-1x0l8c9){width:20px;height:20px;color:#f59e0b}.issues-grid.svelte-1x0l8c9{display:flex;flex-direction:column;gap:.75rem}.issue-item.svelte-1x0l8c9{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:var(--color-ss-surface);border-radius:.5rem;border-left:4px solid transparent}.issue-item.critical.svelte-1x0l8c9{border-left-color:#ef4444}.issue-item.high.svelte-1x0l8c9{border-left-color:#f97316}.issue-item.medium.svelte-1x0l8c9{border-left-color:#f59e0b}.issue-badge.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:.55rem;font-weight:700;padding:.2rem .4rem;border-radius:.2rem;color:#fff;flex-shrink:0}.issue-item.critical.svelte-1x0l8c9 .issue-badge:where(.svelte-1x0l8c9){background:#ef4444}.issue-item.high.svelte-1x0l8c9 .issue-badge:where(.svelte-1x0l8c9){background:#f97316}.issue-item.medium.svelte-1x0l8c9 .issue-badge:where(.svelte-1x0l8c9){background:#f59e0b;color:#1e293b}.issue-detail.svelte-1x0l8c9 strong:where(.svelte-1x0l8c9){display:block;font-size:.85rem;margin-bottom:.15rem}.issue-detail.svelte-1x0l8c9 p:where(.svelte-1x0l8c9){font-size:.75rem;color:var(--color-ss-text-secondary);margin:0}.score-calc-inline.svelte-1x0l8c9{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#1e293b;border-radius:.5rem;margin-bottom:1.5rem}.calc-label.svelte-1x0l8c9{font-size:.75rem;font-weight:600;color:#94a3b8}.score-calc-inline.svelte-1x0l8c9 code:where(.svelte-1x0l8c9){font-family:var(--font-ss-mono);font-size:.85rem;color:#e2e8f0;background:transparent}.score-result.svelte-1x0l8c9{font-weight:800}.score-result.critical.svelte-1x0l8c9{color:#ef4444}.migration-recommendation.svelte-1x0l8c9{padding:1.5rem;background:#f0fdf4;border:3px solid var(--color-ss-accent);border-radius:1rem}.recommendation-header.svelte-1x0l8c9{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.recommendation-header.svelte-1x0l8c9 svg:where(.svelte-1x0l8c9){width:24px;height:24px;color:var(--color-ss-accent)}.recommendation-header.svelte-1x0l8c9 h4:where(.svelte-1x0l8c9){font-size:1.1rem;font-weight:700;margin:0;color:var(--color-ss-accent)}.migration-path.svelte-1x0l8c9{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;background:var(--color-ss-surface);border-radius:.75rem;margin-bottom:1.5rem}.path-from.svelte-1x0l8c9,.path-to.svelte-1x0l8c9{flex:1}.path-label.svelte-1x0l8c9{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.path-from.svelte-1x0l8c9 .path-label:where(.svelte-1x0l8c9){color:#dc2626}.path-to.svelte-1x0l8c9 .path-label:where(.svelte-1x0l8c9){color:#059669}.path-stack.svelte-1x0l8c9{display:flex;flex-direction:column;gap:.35rem}.path-stack.svelte-1x0l8c9 span:where(.svelte-1x0l8c9){font-size:.85rem;color:var(--color-ss-text-secondary)}.path-stack.recommended.svelte-1x0l8c9 span:where(.svelte-1x0l8c9){color:var(--color-ss-text);font-weight:600}.path-arrow.svelte-1x0l8c9{flex-shrink:0;color:var(--color-ss-accent)}.path-arrow.svelte-1x0l8c9 svg:where(.svelte-1x0l8c9){width:32px;height:32px}.migration-reasons.svelte-1x0l8c9 h5:where(.svelte-1x0l8c9){font-size:.9rem;font-weight:700;margin:0 0 1rem}.reasons-grid.svelte-1x0l8c9{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.reason-card.svelte-1x0l8c9{display:flex;gap:.75rem;padding:1rem;background:var(--color-ss-surface);border-radius:.75rem;border:2px solid var(--color-ss-border-soft)}.reason-icon.svelte-1x0l8c9{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.reason-icon.svelte-1x0l8c9 svg:where(.svelte-1x0l8c9){width:20px;height:20px}.reason-icon.security.svelte-1x0l8c9{background:#dbeafe;color:#2563eb}.reason-icon.performance.svelte-1x0l8c9{background:#fef3c7;color:#d97706}.reason-icon.compatibility.svelte-1x0l8c9{background:#f3e8ff;color:#7c3aed}.reason-icon.cost.svelte-1x0l8c9{background:#d1fae5;color:#059669}.reason-text.svelte-1x0l8c9 strong:where(.svelte-1x0l8c9){display:block;font-size:.85rem;margin-bottom:.25rem}.reason-text.svelte-1x0l8c9 p:where(.svelte-1x0l8c9){font-size:.75rem;color:var(--color-ss-text-secondary);margin:0;line-height:1.4}.migration-timeline.svelte-1x0l8c9{margin-bottom:1.5rem}.migration-timeline.svelte-1x0l8c9 h5:where(.svelte-1x0l8c9){font-size:.9rem;font-weight:700;margin:0 0 1rem}.timeline-compact.svelte-1x0l8c9{display:flex;gap:.5rem}.timeline-phase.svelte-1x0l8c9{flex:1;padding:.75rem;background:var(--color-ss-surface);border-radius:.5rem;border:2px solid var(--color-ss-border-soft);text-align:center}.phase-week.svelte-1x0l8c9{display:block;font-family:var(--font-ss-mono);font-size:.7rem;font-weight:700;color:var(--color-ss-accent);margin-bottom:.25rem}.phase-task.svelte-1x0l8c9{font-size:.7rem;color:var(--color-ss-text-secondary)}.projected-score.svelte-1x0l8c9{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1.25rem;background:var(--color-ss-surface);border-radius:.75rem;border:2px solid var(--color-ss-border-soft)}.projected-before.svelte-1x0l8c9,.projected-after.svelte-1x0l8c9{text-align:center}.projected-label.svelte-1x0l8c9{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--color-ss-text-secondary);margin-bottom:.25rem}.projected-value.svelte-1x0l8c9{font-family:var(--font-ss-mono);font-size:2.5rem;font-weight:900}.projected-value.critical.svelte-1x0l8c9{color:#ef4444}.projected-value.excellent.svelte-1x0l8c9{color:#10b981}.projected-arrow.svelte-1x0l8c9{font-size:2rem;color:var(--color-ss-accent)}@media(max-width:768px){.guide-article.svelte-1x0l8c9{padding:1rem}.hero.svelte-1x0l8c9 h1:where(.svelte-1x0l8c9){font-size:2rem}.hero-stats.svelte-1x0l8c9{grid-template-columns:repeat(2,1fr)}.hero-actions.svelte-1x0l8c9{flex-direction:column;align-items:center}.flowchart.svelte-1x0l8c9{flex-direction:column;padding:1.5rem}.flow-step.svelte-1x0l8c9{max-width:none}.flow-arrow.svelte-1x0l8c9{transform:rotate(90deg);margin:.5rem 0}.detection-grid.svelte-1x0l8c9{grid-template-columns:1fr}.weights-grid.svelte-1x0l8c9{grid-template-columns:repeat(2,1fr)}.scale-bar.svelte-1x0l8c9{flex-direction:column}.scale-segment.svelte-1x0l8c9{padding:.75rem;flex-direction:row;justify-content:space-between}.scale-actions.svelte-1x0l8c9{flex-wrap:wrap}.action-item.svelte-1x0l8c9{flex:1 1 45%}.formula-code.svelte-1x0l8c9{font-size:.75rem;word-break:break-all}.migration-path.svelte-1x0l8c9{flex-direction:column;gap:.5rem}.path-arrow.svelte-1x0l8c9{transform:rotate(90deg)}.reasons-grid.svelte-1x0l8c9{grid-template-columns:1fr}.timeline-compact.svelte-1x0l8c9{flex-direction:column;gap:.75rem}.timeline-phase.svelte-1x0l8c9{flex-direction:row;justify-content:space-between;align-items:center}.projected-score.svelte-1x0l8c9{flex-direction:column;gap:.5rem}.projected-arrow.svelte-1x0l8c9{transform:rotate(90deg)}.issues-grid.svelte-1x0l8c9{grid-template-columns:1fr}.comparison.svelte-1x0l8c9{flex-direction:column}.comparison-arrow.svelte-1x0l8c9{transform:rotate(90deg)}.outcome-stats.svelte-1x0l8c9{flex-direction:column;gap:1.5rem}.timeline.svelte-1x0l8c9{padding-left:2.5rem}.timeline-marker.svelte-1x0l8c9{left:-2.5rem;width:36px;height:36px}.mcp-tabs.svelte-1x0l8c9{overflow-x:auto}.tools-grid.svelte-1x0l8c9,.practices-grid.svelte-1x0l8c9{grid-template-columns:1fr}.cta-actions.svelte-1x0l8c9{flex-direction:column;align-items:center}.related-grid.svelte-1x0l8c9{grid-template-columns:1fr}}