/* what-is-mcp: structure update badges, metrics and related guides */
.qv-guide-page--what-is-mcp .wrap>.reveal:first-of-type{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0 0 18px!important}.qv-guide-page--what-is-mcp .wrap>.reveal:first-of-type .badge{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;padding:7px 11px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;color:rgba(255,255,255,.68)!important;font-size:11px!important;line-height:17px!important;letter-spacing:.03em!important}
.qv-guide-page--what-is-mcp .stats-row{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:14px 0 24px!important}.qv-guide-page--what-is-mcp .stats-item{min-width:0!important;padding:14px 10px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;text-align:center!important}.qv-guide-page--what-is-mcp .stats-num{color:#fff!important;font-size:16px!important;line-height:22px!important;font-weight:750!important}.qv-guide-page--what-is-mcp .stats-label{display:block!important;margin-top:3px!important;color:rgba(255,255,255,.48)!important;font-size:10px!important;line-height:15px!important}
.qv-guide-page--what-is-mcp .related{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:18px!important}.qv-guide-page--what-is-mcp .related a{display:block!important;min-width:0!important;padding:15px 16px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;color:#68e4f7!important;line-height:1.5!important;text-decoration:none!important}
@media(max-width:700px){.qv-guide-page--what-is-mcp .stats-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.qv-guide-page--what-is-mcp .stats-item:last-child{grid-column:1/-1!important}.qv-guide-page--what-is-mcp .related{grid-template-columns:1fr!important}.qv-guide-page--what-is-mcp .toc-bar{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;margin:22px 0 30px!important;padding:8px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;background:rgba(255,255,255,.02)!important;-webkit-overflow-scrolling:touch!important}.qv-guide-page--what-is-mcp .toc-bar .toc-label{display:none!important}.qv-guide-page--what-is-mcp .toc-grid{display:flex!important;width:max-content!important;min-width:max-content!important;max-width:none!important;gap:7px!important;margin:0!important;padding:0!important}.qv-guide-page--what-is-mcp .toc-grid a{display:block!important;flex:0 0 auto!important;white-space:nowrap!important;padding:8px 11px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;color:rgba(255,255,255,.67)!important;text-decoration:none!important;font-size:11.5px!important;line-height:18px!important}}
/* Existing MCP explanation, architecture, connection comparison and ecosystem components. */
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .tldr{box-sizing:border-box!important;min-width:0!important;margin:0 0 28px!important;padding:22px 24px!important;border:1px solid rgba(52,227,244,.18)!important;border-radius:16px!important;background:#0e1625!important;text-align:left!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .tldr>.tldr-label{margin:0 0 12px!important;color:#34e3f4!important;font-size:13px!important;line-height:20px!important;font-weight:600!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .tldr>ul{margin:0!important;padding:0!important;list-style:none!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .tldr>ul>li{margin:0!important;padding:14px 0!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#bcc8da!important;font-size:15px!important;line-height:26px!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .tldr>ul>li:first-child{padding-top:0!important;border-top:0!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .tldr>ul>li:last-child{padding-bottom:0!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .tldr>ul>li strong{font-weight:600!important;color:#f5f7fb!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .answer-box{box-sizing:border-box!important;min-width:0!important;margin:22px 0!important;padding:18px 20px!important;border:1px solid rgba(52,227,244,.16)!important;border-left:3px solid #34e3f4!important;border-radius:12px!important;background:#0b1b29!important;text-align:left!important;color:#bcc8da!important;font-size:16px!important;line-height:28px!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .answer-box>strong{font-weight:500!important;font-size:inherit!important;line-height:inherit!important;color:inherit!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .answer-box>strong>span{font-size:inherit!important;line-height:inherit!important;color:inherit!important;-webkit-text-fill-color:inherit!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .arch-showcase{box-sizing:border-box!important;min-width:0!important;margin:22px 0!important;padding:8px 20px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;background:#0e1625!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .arch-showcase>.arch-row{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:16px!important;align-items:start!important;min-width:0!important;margin:0!important;padding:14px 0!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#bcc8da!important;font-size:15px!important;line-height:26px!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .arch-showcase>.arch-row:first-child{border-top:0!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .arch-row>.arch-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-width:0!important;width:fit-content!important;max-width:100%!important;margin:0!important;padding:5px 10px!important;border:1px solid rgba(52,227,244,.22)!important;border-radius:8px!important;background:#0b1b29!important;color:#34e3f4!important;font-size:13px!important;line-height:20px!important;font-weight:600!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .arch-row>.arch-badge>span{font-size:inherit!important;line-height:inherit!important;color:inherit!important;-webkit-text-fill-color:inherit!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .arch-row>span:last-child{min-width:0!important;overflow-wrap:anywhere!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .mnx-viz{display:grid!important;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;min-width:0!important;margin:22px 0!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .mnx-viz>.mnx-box{box-sizing:border-box!important;min-width:0!important;height:100%!important;padding:20px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;background:#0e1625!important;color:#bcc8da!important;font-size:14px!important;line-height:24px!important;overflow-wrap:anywhere!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .mnx-viz>.mnx-box.new{border-color:rgba(52,227,244,.22)!important;background:#0b1b29!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .mnx-box>span:last-child{display:block!important;margin:10px 0 0!important;color:#f5f7fb!important;font-size:18px!important;line-height:28px!important;font-weight:600!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .mnx-box.new>span:last-child{color:#34e3f4!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .mnx-box>span:last-child>span{font-size:inherit!important;line-height:inherit!important;color:inherit!important;-webkit-text-fill-color:inherit!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .mnx-viz>.mnx-arrow{display:block!important;text-align:center!important;color:#34e3f4!important;font-size:24px!important;line-height:30px!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .ecosystem-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;min-width:0!important;margin:22px 0!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .ecosystem-grid>.eco-card{box-sizing:border-box!important;min-width:0!important;margin:0!important;padding:20px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;background:#0e1625!important;text-align:left!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .eco-card>h4{margin:0 0 10px!important;color:#f5f7fb!important;font-size:18px!important;line-height:26px!important;font-weight:600!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .eco-card>h4>span{font-size:inherit!important;line-height:inherit!important;color:inherit!important;-webkit-text-fill-color:inherit!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .eco-card>p{margin:0!important;color:#bcc8da!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .scenario-box{box-sizing:border-box!important;min-width:0!important;margin:22px 0!important;padding:22px 24px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;background:#0e1625!important;text-align:left!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .scenario-box>h3{margin:0 0 14px!important;color:#f5f7fb!important;font-size:18px!important;line-height:26px!important;font-weight:600!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .scenario-box>h3>span{font-size:inherit!important;line-height:inherit!important;color:inherit!important;-webkit-text-fill-color:inherit!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .scenario-box>p{margin:12px 0 0!important;color:#bcc8da!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .scenario-box>ul{margin:18px 0!important;padding-left:22px!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .scenario-box>ul>li{margin:0 0 10px!important;padding-left:2px!important;color:#bcc8da!important;line-height:26px!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .scenario-box>p:last-child{padding-top:14px!important;border-top:1px solid rgba(255,255,255,.08)!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .toc-bar{display:block!important;box-sizing:border-box!important;min-width:0!important;margin:22px 0!important;padding:16px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;background:#0e1625!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .toc-bar>.toc-label{margin:0 0 10px!important;color:#8e9bad!important;font-size:13px!important;line-height:20px!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .toc-bar>.toc-grid{display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important;margin:0!important;padding:0!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .toc-grid>a{display:inline-flex!important;align-items:center!important;min-width:0!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;color:#bcc8da!important;font-size:13px!important;line-height:20px!important;text-decoration:none!important;overflow-wrap:anywhere!important}
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .toc-grid>a:hover,html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .toc-grid>a:focus-visible{color:#34e3f4!important;border-color:rgba(52,227,244,.45)!important;outline:2px solid rgba(52,227,244,.3)!important;outline-offset:2px!important}
/* The summary panel already owns this label; keep only its paired title visible. */
html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .toc-bar+span.en:has(+span.zh+.tldr),html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .toc-bar+span.en+span.zh:has(+.tldr){display:none!important}
@media(max-width:700px){
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main :is(.tldr,.scenario-box){padding:18px!important}
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .answer-box{padding:16px!important}
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .arch-showcase{padding:4px 18px!important}
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .arch-showcase>.arch-row{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .mnx-viz{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .mnx-viz>.mnx-box{padding:18px!important}
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .mnx-viz>.mnx-arrow{width:30px!important;margin-inline:auto!important;transform:rotate(90deg)!important}
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .ecosystem-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .ecosystem-grid>.eco-card{padding:18px!important}
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .toc-bar{max-width:100%!important;padding:8px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .toc-bar>.toc-grid{width:max-content!important;flex-wrap:nowrap!important}
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4] .qv-v4-main .toc-grid>a{white-space:nowrap!important}}

/* what-is-mcp: one canonical directory, before the mobile reading column. */
@media(max-width:1040px){
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4]>.qv-v4-layout{display:flex!important;flex-direction:column!important;gap:0!important}
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4]>.qv-v4-layout>.qv-v4-main{order:2!important}
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4]>.qv-v4-layout>.qv-rail-v4{display:contents!important}
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4]>.qv-v4-layout>.qv-rail-v4>.qv-toc-v4{order:1!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0 0 8px!important}
 html body .qv-guides-embed.qv-guide-page--what-is-mcp[data-qv-rail-v4]>.qv-v4-layout>.qv-rail-v4>.qv-provider-v4{order:3!important;width:100%!important;box-sizing:border-box!important}}
