/* Keep the lightweight MCP page independent of the plugin's scene and reveals. */
.mcp-page{overflow-x:visible}
.mcp-page header.top{position:relative;background:var(--bg);border-bottom:1px solid var(--line)}
.mcp-page header.top .wrap{height:auto;min-height:76px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}
.mcp-page nav{flex-wrap:wrap;gap:12px 24px}
.mcp-page nav a{display:inline-flex;align-items:center;min-height:44px}
.mcp-page nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--red-hot)}
.mcp-page a:focus-visible,.mcp-page pre:focus-visible{outline:3px solid var(--red-hot);outline-offset:5px}
.mcp-page .skip:focus{background:#a80c1c}
.mcp-page .btn.primary,.mcp-page nav a.pill{background:#c61023}
.mcp-page .btn.primary:hover,.mcp-page nav a.pill:hover{background:#ad0e1e}
.mcp-page .wrap{max-width:1120px}
.mcp-page p,.mcp-page dd,.mcp-page li{overflow-wrap:anywhere}
.mcp-page h2{font-size:clamp(32px,4.3vw,52px);line-height:1.12;letter-spacing:-.035em;margin:0 0 28px}
.mcp-page h3{line-height:1.3}
.mcp-page p{color:#d3d0cf}
.mcp-page .kicker{color:var(--red-hot);font:500 13px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px}
.mcp-page .mcp-hero{padding:80px 0 72px;background:radial-gradient(ellipse at 90% 0,#ef1d2f18,transparent 65%)}
.mcp-page .eyebrow{color:var(--red-hot);margin:0}
.mcp-page h1{font-size:clamp(48px,7.5vw,90px);max-width:850px;line-height:1.02}
.mcp-page h1 span{color:var(--red-hot)}
.mcp-page .lead{max-width:760px}
.mcp-page .mcp-section{padding:72px 0;border-top:1px solid var(--line)}
.mcp-page .mcp-section:nth-of-type(even){background:var(--bg1)}
.mcp-page .mcp-intro{max-width:800px;font-size:19px;margin-bottom:32px}
.mcp-page .mcp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mcp-page .card{padding:28px;transition:none}
.mcp-page .card:hover{transform:none;border-color:var(--line2)}
.mcp-page .card::before{content:none}
.mcp-page .mcp-note{margin:28px 0 0;color:var(--mute)}
.mcp-page .mcp-list{margin:32px 0}
.mcp-page .mcp-list>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;border-top:1px solid var(--line2);padding:22px 0}
.mcp-page dt{font-weight:650;color:var(--ink)}
.mcp-page dd{margin:0;color:#d3d0cf}
.mcp-page .mcp-levels{list-style:none;counter-reset:level;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0;margin:36px 0}
.mcp-page .mcp-levels li{counter-increment:level;padding:24px 20px;border:1px solid var(--line2);border-radius:16px;background:var(--bg2)}
.mcp-page .mcp-levels li::before{content:"0" counter(level);font:500 24px var(--mono);color:var(--red-hot)}
.mcp-page .mcp-levels h3{font-size:19px;margin:20px 0 10px}
.mcp-page .mcp-levels p{font-size:16px;margin:0}
.mcp-page .mcp-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:30px 0}
.mcp-page .mcp-downloads a{display:block;padding:18px 22px;border:1px solid var(--line2);border-radius:12px;background:var(--bg2);font-weight:600}
.mcp-page .mcp-downloads span{display:block;color:var(--mute);font-weight:400;font-size:14px;margin-top:4px}
.mcp-page .mcp-mode-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin:26px 0}
.mcp-page .mcp-mode-links a{padding:8px 0}
.mcp-page .mcp-install{margin-top:48px;padding-top:36px;border-top:1px solid var(--line2);scroll-margin-top:24px}
.mcp-page .mcp-install h3{font-size:30px;letter-spacing:-.025em;margin:0 0 24px}
.mcp-page pre{max-width:100%;overflow-x:auto;padding:24px;border:1px solid var(--line2);border-radius:14px;background:#0a0a0c;color:var(--ink);font:400 14px/1.75 var(--mono);tab-size:2}
.mcp-page pre code{font:inherit}
.mcp-page .mcp-disclosures{max-width:850px}
.mcp-page .mcp-disclosures article+article{margin-top:36px;padding-top:20px;border-top:1px solid var(--line2)}
.mcp-page .mcp-disclosures h3{font-size:22px;margin:0 0 14px}
.mcp-page footer p{color:var(--mute);max-width:880px}
.mcp-page footer a{text-decoration:underline}
@media(max-width:850px){
  .mcp-page nav{margin-left:0}
  .mcp-page .mcp-levels{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .mcp-page header.top .wrap{gap:12px}
  .mcp-page nav{gap:8px 18px;font-size:14px}
  .mcp-page .mcp-hero{padding:48px 0}
  .mcp-page .mcp-section{padding:48px 0}
  .mcp-page .mcp-grid,.mcp-page .mcp-downloads,.mcp-page .mcp-levels{grid-template-columns:1fr}
  .mcp-page .mcp-list>div{grid-template-columns:1fr;gap:8px}
  .mcp-page .card{padding:24px}
  .mcp-page pre{padding:18px;font-size:13px}
}
