.mcp-page{font-family:IBM Plex Sans,sans-serif}.mcp-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:660px}.mcp-hero .tutorial-hero-copy{padding-top:88px;padding-bottom:88px}.mcp-hero .tutorial-hero-actions>a:not(.tutorial-primary-button){color:var(--paper);text-underline-offset:5px;font-size:13px;text-decoration:underline}.mcp-connection-visual{color:var(--paper);background:radial-gradient(at 60% 40%,#20392e,#111713 70%);flex-direction:column;justify-content:center;padding:60px clamp(24px,4vw,64px);display:flex}.mcp-connection-visual>div{background:#121a16c9;border:1px solid #ffffff20;border-radius:8px;padding:24px}.mcp-connection-visual>div>span{color:#a3b6aa;letter-spacing:.12em;font:10px/1.5 IBM Plex Mono,monospace;display:block}.mcp-connection-visual p{margin:12px 0 4px;font-size:20px;line-height:1.45}.mcp-connection-visual small{color:#a3b6aa;font-size:13px}.mcp-flow-arrow{color:var(--green);padding:8px 24px;font-size:24px}.mcp-connection-visual .mcp-endpoint-card{border-color:#79efbd80}.mcp-endpoint-card strong{color:var(--green);overflow-wrap:anywhere;margin:15px 0 10px;font:clamp(13px,1.6vw,21px)/1.5 IBM Plex Mono,monospace;display:block}.mcp-guide{max-width:1000px;margin:0 auto;padding:0 clamp(22px,5vw,60px) 56px}.mcp-section{border-bottom:1px solid #17171425;padding:64px 0;scroll-margin-top:84px}.mcp-section:last-child{border-bottom:0}.mcp-section-heading{align-items:flex-start;gap:22px;margin-bottom:28px;display:flex}.mcp-section-heading>span{color:#1c7254;border:1px solid #1c7254;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font:14px IBM Plex Mono,monospace;display:grid}.mcp-section .tutorial-step-kicker{margin:0 0 10px}.mcp-section h2{letter-spacing:-.05em;margin:0 0 20px;font-size:clamp(28px,4.4vw,46px);line-height:1.05}.mcp-section-heading h2{margin:0}.mcp-section p,.mcp-section li{line-height:1.7}.mcp-section li{margin:10px 0;padding-left:5px}.mcp-section a{color:#155d43;text-underline-offset:4px;overflow-wrap:anywhere;text-decoration:underline}.mcp-copy-block{color:#e7ece7;background:#171c19;border:1px solid #ffffff16;border-radius:8px;min-width:0;margin:24px 0 16px;overflow:hidden}.mcp-copy-block>div{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.mcp-copy-block>div>span{color:#b0bcb3;font-size:12px}.mcp-copy-block button{cursor:pointer;color:#b7f5d6;background:#ffffff08;border:1px solid #79efbd45;border-radius:4px;padding:7px 12px;font:12px IBM Plex Mono,monospace}.mcp-copy-block pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:20px;font:13px/1.65 IBM Plex Mono,monospace}.mcp-copy-status{color:#b7f5d6;padding:0 20px 8px;font-size:12px;display:block}.mcp-copy-status:empty{display:none}.mcp-note{color:#505b53;font-size:14px}.mcp-clients{border-top:1px solid #17171425;margin-top:28px}.mcp-clients details,.mcp-local-details{border-bottom:1px solid #17171425;padding:20px 0}.mcp-page summary{cursor:pointer;font-weight:600;line-height:1.5}.mcp-page summary::marker{color:#1c7254}.mcp-resource-links{flex-wrap:wrap;gap:12px 24px;font-size:14px;display:flex}.mcp-workflow{padding-left:22px}.mcp-page :focus-visible{outline-offset:4px;outline:3px solid #269967}@media (width<=800px){.mcp-hero{grid-template-columns:1fr}.mcp-hero .tutorial-hero-copy{padding:60px 26px 45px}.mcp-connection-visual{padding:32px 26px 48px}.mcp-hero h1{font-size:clamp(50px,10vw,76px)}.mcp-endpoint-card strong{font-size:17px}.mcp-section{padding:44px 0}.mcp-section-heading,.mcp-page .tutorial-nav>div{gap:14px}.mcp-page .tutorial-nav>div>a:not(.tutorial-open-button){display:none}}@media (width<=380px){.mcp-page .tutorial-brand{gap:6px;font-size:14px}.mcp-page .tutorial-brand img{width:26px;height:26px}.mcp-page .tutorial-open-button{padding:10px;font-size:10px}.mcp-hero .tutorial-hero-actions{flex-wrap:wrap}.mcp-endpoint-card strong{font-size:14px}}