
.mcp-main{max-width:960px;margin:32px auto;padding:0 24px 64px;color:var(--text-main)}
.mcp-main h1{max-width:21ch;margin:12px 0 16px;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.12;text-wrap:balance}
.mcp-main h2{margin:0 0 12px;font-size:clamp(1.3rem,2.8vw,1.65rem);line-height:1.3}
.mcp-main p,.mcp-main li{line-height:1.6}
.mcp-main p{margin:12px 0}
.mcp-main a{overflow-wrap:anywhere}
.mcp-main [hidden]{display:none!important}
.mcp-main .button,.mcp-main button{min-height:44px;max-width:100%;white-space:normal;text-align:center}
.mcp-main button{cursor:pointer}
.mcp-main a:focus-visible,.mcp-main button:focus-visible,.mcp-main summary:focus-visible,.mcp-main textarea:focus-visible{outline:3px solid var(--action-label,#16706b);outline-offset:4px}
.mcp-main section[id]{scroll-margin-top:24px}
.mcp-label{margin:0!important;color:var(--text-secondary);font-size:.88rem;font-weight:700;letter-spacing:.04em}
.mcp-lead{max-width:65ch;font-size:1.08rem;color:var(--text-secondary)}
.mcp-state{max-width:70ch;font-size:.95rem}
.mcp-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0 0}
.mcp-action-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;font-weight:600}
.mcp-card{min-width:0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg,20px);padding:24px;margin:28px 0}
.mcp-card>:first-child{margin-top:0}
.mcp-card>:last-child{margin-bottom:0}
.mcp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mcp-grid .mcp-card{margin:0}
.mcp-small{font-size:.9rem;color:var(--text-secondary)}
.mcp-notice{padding:12px 16px;background:var(--surface-3);border-left:3px solid var(--action-label);border-radius:0 var(--radius-sm,8px) var(--radius-sm,8px) 0}
.mcp-copy{margin:20px 0}
.mcp-copy label{display:block;font-weight:700;margin-bottom:8px}
.mcp-copy textarea{box-sizing:border-box;display:block;min-width:0;width:100%;min-height:64px;padding:12px;border:1px solid var(--control-border);border-radius:var(--radius-sm,8px);background:var(--surface-1);color:var(--text-main);font:inherit;font-size:1rem;line-height:1.5;resize:vertical;overflow-wrap:anywhere}
.mcp-copy .mcp-copy-url,.mcp-command{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.95rem}
.mcp-command{display:block;overflow-wrap:anywhere;margin:10px 0;padding:12px;background:var(--surface-3);border-radius:var(--radius-sm,8px)}
.mcp-copy button{margin-top:10px}
.mcp-copy-status{font-size:.9rem;color:var(--text-secondary)}
.mcp-host,.mcp-faq details{border-top:1px solid var(--border);padding:6px 0}
.mcp-host summary,.mcp-faq summary,.mcp-limits summary{min-height:44px;box-sizing:border-box;cursor:pointer;align-content:center;padding:10px 0;font-weight:700;line-height:1.45}
.mcp-host-status{display:block;margin:3px 0 0 18px;font-size:.84rem;font-weight:400;color:var(--text-secondary)}
.mcp-host ol{padding-left:24px}
.mcp-host li+li{margin-top:10px}
.mcp-host-content{padding:0 0 12px}
.mcp-host[id]{scroll-margin-top:24px}
.mcp-limits{margin:28px 0;border:1px solid var(--border);border-radius:var(--radius-lg,20px);padding:8px 24px}
.mcp-limits>div{padding-bottom:16px}
.mcp-faq{margin-top:32px}
.mcp-main dt{font-weight:700}
.mcp-main dd{margin:4px 0 16px;overflow-wrap:anywhere}
.mcp-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.mcp-error{border-left:4px solid var(--action-label);padding:16px}
.mcp-landing{max-width:1160px;margin-top:48px}
.mcp-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:56px}
.mcp-hero h1{font-size:clamp(2.2rem,4.3vw,3.75rem);max-width:16ch;letter-spacing:-.04em;line-height:1.08;margin:18px 0 24px}
.mcp-hero h1 span{color:var(--action-label)}
.mcp-hero .mcp-lead{max-width:43ch;font-size:1.1rem}
.mcp-kicker{display:flex;align-items:center;gap:8px;color:var(--action-label);font-size:.8rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.mcp-kicker::before{content:'';width:24px;height:2px;background:currentColor}
.mcp-hero .mcp-state{font-size:.85rem;margin-top:20px;padding-left:12px;border-left:2px solid var(--border);color:var(--text-secondary);max-width:49ch}
.mcp-example{margin:0;padding:28px;background:var(--surface-2);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);min-width:0;scroll-margin-top:24px}
.mcp-example figcaption{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;color:var(--text-secondary);font-size:.78rem}
.mcp-example blockquote{margin:22px 0 20px;padding:14px 18px;background:var(--brand-light);border-radius:14px 14px 2px 14px;font-size:1rem;line-height:1.55}
.mcp-example h2{font-size:1.05rem;margin:0}
.mcp-example .mcp-market-value{font-size:clamp(2.4rem,4vw,3.4rem);line-height:1.15;letter-spacing:-.04em;font-weight:750;margin:8px 0;color:var(--action-label)}
.mcp-market-value small{font-size:1rem;font-weight:500;letter-spacing:0;color:var(--text-secondary)}
.mcp-example .mcp-small{font-size:.82rem;line-height:1.5}
.mcp-example .mcp-evidence{padding:14px 0;margin:16px 0 0;border-top:1px solid var(--border)}
.mcp-example .mcp-example-conclusion{margin:0;font-size:.88rem;line-height:1.5}
.mcp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:28px;padding:24px 0;margin:40px 0 0;border-block:1px solid var(--border)}
.mcp-steps li{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:var(--text-secondary)}
.mcp-steps b{display:block;color:var(--text-main)}
.mcp-step-index{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--brand-light);color:var(--action-label);font-size:.85rem;font-weight:700}
.mcp-section{margin-top:64px}
.mcp-section-header{max-width:62ch;margin-bottom:24px}
.mcp-section-header h2{font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.025em;margin:12px 0}
.mcp-usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.mcp-usecase{min-width:0;border-top:2px solid var(--action-label);padding-top:20px}
.mcp-usecase h3{font-size:1.1rem;margin:0 0 12px}
.mcp-usecase p{font-size:.94rem;color:var(--text-secondary)}
.mcp-usecase .mcp-question{font-size:1.1rem;color:var(--text-main);line-height:1.5}
.mcp-tutorial-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;align-items:start}
.mcp-tutorial-panel{min-width:0;padding:8px 24px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px}
.mcp-tutorial-panel .mcp-host:first-child{border-top:0}
.mcp-landing .mcp-copy{margin:18px 0}
.mcp-landing .mcp-copy textarea{min-height:48px;field-sizing:content;max-height:12rem;resize:vertical}
.mcp-landing .mcp-copy-status:empty{display:none}
.mcp-landing .mcp-copy-help{font-size:.8rem;margin:8px 0}
.mcp-landing .mcp-host-status{margin-left:0;font-size:.8rem}
.mcp-landing .mcp-limits{margin-top:18px}
.mcp-practical{display:grid;grid-template-columns:1fr 1fr;gap:48px;border-top:1px solid var(--border);padding-top:36px}
.mcp-practical h2{font-size:1.3rem}
.mcp-landing .mcp-faq{margin-top:0}
@media(max-width:850px){.mcp-hero{gap:28px}.mcp-hero h1{font-size:2.6rem}.mcp-tutorial-layout{grid-template-columns:1fr;gap:12px}.mcp-usecases{gap:20px}.mcp-practical{gap:28px}.mcp-steps{gap:16px}}
@media(max-width:650px){.mcp-hero,.mcp-usecases,.mcp-practical{grid-template-columns:1fr}.mcp-hero{gap:28px}.mcp-hero h1{max-width:19ch;font-size:2.45rem}.mcp-hero .mcp-lead{font-size:1.02rem}.mcp-example{padding:22px}.mcp-steps{grid-template-columns:1fr;gap:18px;margin-top:28px}.mcp-section{margin-top:40px}.mcp-usecases{gap:24px}.mcp-tutorial-panel{padding-inline:18px}.mcp-landing .mcp-actions>.button{width:auto}.mcp-practical{gap:32px}}
@media(max-width:600px){.mcp-main{margin-top:24px;padding:0 16px 48px}.mcp-main h1{font-size:2rem;margin:10px 0 12px}.mcp-lead{font-size:1rem}.mcp-grid,.mcp-facts{grid-template-columns:1fr}.mcp-card{padding:20px;margin:24px 0}.mcp-limits{padding:8px 20px}.mcp-actions{gap:8px 16px;margin-top:16px}.mcp-main .mcp-actions>.button{width:100%}}
