.prose .mcp-visual{background:linear-gradient(135deg,#22d3ee61,#d946ef3d),#ffffff0a;border-radius:1.35rem;width:min(920px,100vw - 2rem);margin:2.75rem 0;padding:1px;position:relative;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 28px 90px -48px #22d3eebf}.prose .mcp-visual>div{background:radial-gradient(700px 320px at 5% 0,#22d3ee24,#0000 58%),radial-gradient(640px 360px at 95% 100%,#d946ef1f,#0000 60%),linear-gradient(#0b0d14f5,#05060afa);border-radius:calc(1.35rem - 1px);padding:clamp(1rem,2.4vw,1.5rem)}.prose .mcp-visual *{box-sizing:border-box}.prose .mcp-visual p,.prose .mcp-visual ul,.prose .mcp-visual li{margin:0}.prose .mcp-kicker,.prose .mcp-label,.prose .mcp-badge{font-family:var(--font-jetbrains-mono);letter-spacing:.16em;text-transform:uppercase}.prose .mcp-kicker{color:#67e8f9;margin-bottom:1rem;font-size:.68rem}.prose .mcp-card,.prose .mcp-node,.prose .mcp-step,.prose .mcp-answer{background:#ffffff09;border:1px solid #ffffff14;border-radius:1rem;box-shadow:inset 0 1px #ffffff0d}.prose .mcp-card,.prose .mcp-node{padding:1rem}.prose .mcp-label{color:#a5f3fc;font-size:.66rem}.prose .mcp-title{color:#f4f6fb;font-family:var(--font-manrope);margin-top:.45rem;font-size:clamp(1rem,1.7vw,1.2rem);font-weight:700;line-height:1.15}.prose .mcp-copy{color:#aab2c2;font-family:var(--font-jetbrains-mono);margin-top:.45rem;font-size:.78rem;line-height:1.55}.prose .mcp-copy strong,.prose .mcp-visual strong{color:#e6f0ff}.prose .mcp-visual code{color:#a5f3fc;background:#22d3ee14;border:1px solid #22d3ee2e;border-radius:.4rem;padding:.12rem .34rem;font-size:.82em}.prose .mcp-architecture-grid{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:.75rem;display:grid}.prose .mcp-node{min-height:10rem}.prose .mcp-node.cyan{background:#22d3ee13;border-color:#22d3ee42}.prose .mcp-node.blue{background:#818cf814;border-color:#818cf847}.prose .mcp-node.magenta{background:#d946ef14;border-color:#d946ef47}.prose .mcp-node.amber{background:#f59e0b12;border-color:#f59e0b3d}.prose .mcp-connector{color:#67e8f9;min-width:2.5rem;font-family:var(--font-jetbrains-mono);justify-content:center;align-items:center;font-size:1.4rem;display:flex}.prose .mcp-flow{gap:.75rem;display:grid}.prose .mcp-step{grid-template-columns:2.75rem 1fr auto;align-items:center;gap:.9rem;padding:.9rem;display:grid}.prose .mcp-num{color:#f4f6fb;width:2.25rem;height:2.25rem;font-family:var(--font-jetbrains-mono);background:linear-gradient(135deg,#22d3ee40,#d946ef2e);border-radius:999px;place-items:center;font-size:.82rem;font-weight:700;display:grid}.prose .mcp-step h4{color:#f4f6fb;font-family:var(--font-manrope);letter-spacing:0;margin:0;font-size:.98rem;line-height:1.25}.prose .mcp-step p{color:#9aa4b8;font-family:var(--font-jetbrains-mono);margin-top:.2rem;font-size:.76rem;line-height:1.45}.prose .mcp-badge{white-space:nowrap;color:#c8d3e6;background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;justify-self:end;padding:.32rem .56rem;font-size:.6rem}.prose .mcp-badge.good{color:#a7f3d0;border-color:#34d39938}.prose .mcp-rule-grid,.prose .mcp-recap-grid{gap:.9rem;display:grid}.prose .mcp-question{color:#f4f6fb;font-family:var(--font-manrope);background:#22d3ee14;border:1px solid #22d3ee40;border-radius:1.1rem;padding:1rem;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:750;line-height:1.2}.prose .mcp-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.prose .mcp-answer{padding:1rem}.prose .mcp-answer.cli{background:#22d3ee12;border-color:#22d3ee40}.prose .mcp-answer.sdk{background:#34d39911;border-color:#34d39938}.prose .mcp-answer.mcp{background:#d946ef12;border-color:#d946ef40}.prose .mcp-answer.rest{background:#f59e0b11;border-color:#f59e0b38}.prose .mcp-answer h4{color:#f4f6fb;font-family:var(--font-manrope);letter-spacing:0;margin:0;font-size:1rem}.prose .mcp-answer p{color:#aab2c2;font-family:var(--font-jetbrains-mono);margin-top:.45rem;font-size:.76rem;line-height:1.5}.prose .mcp-recap-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.prose .mcp-recap-grid .mcp-question{grid-column:1/-1}@media (max-width:760px){.prose .mcp-architecture-grid,.prose .mcp-branches,.prose .mcp-recap-grid{grid-template-columns:1fr}.prose .mcp-connector{min-height:1.4rem;transform:rotate(90deg)}.prose .mcp-step{grid-template-columns:2.5rem 1fr}.prose .mcp-badge{grid-column:2;justify-self:start}}