.guide-header nav { display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center; }
.guide-header nav a { font-size:16px; text-decoration:none; }
.guide-header nav [aria-current=page] { color:#efbed7; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:8px; }
.mcp-main { max-width:1100px; }
.mcp-main h1 { max-width:23ch; }
.mcp-main .mcp-connection { background:#e1c9f0; color:#30233e; border:0; border-radius:12px; padding:26px 30px; margin-top:32px; }
.mcp-main .mcp-connection h2 { color:#30233e; font-size:24px; margin:0 0 14px; }
.mcp-connection p { font-size:16px; line-height:1.7; }
.mcp-connection p:last-child { margin-bottom:0; }
.mcp-main code { font:inherit; font-family:ui-monospace,Consolas,monospace; font-size:.86em; overflow-wrap:anywhere; }
.mcp-table-wrap { margin-block:28px; }
.mcp-main table { width:100%; border-collapse:collapse; font-size:16px; line-height:1.7; text-align:left; }
.mcp-main caption { text-align:left; font-weight:700; margin-bottom:14px; }
.mcp-main th,.mcp-main td { vertical-align:top; padding:18px 16px; border-bottom:1px solid #c9bacf; overflow-wrap:anywhere; }
.mcp-main thead th { background:#2d203b; color:#f6edf9; font-weight:400; }
.mcp-main tbody th { width:30%; font-weight:700; padding-left:0; }
.mcp-main td:last-child { padding-right:0; }
.mcp-cell-label { display:none; }
.mcp-main .mcp-note { color:#685674; font-size:15px; line-height:1.75; margin-top:24px; }
.mcp-example { margin-block:34px; padding-top:8px; }
.mcp-example h3 { font-size:26px; }
.mcp-main pre { max-width:100%; max-height:430px; overflow:auto; padding:24px; border-radius:10px; background:#2d203b; color:#f6edf9; font-size:15px; line-height:1.75; tab-size:2; scrollbar-color:#b998c9 #2d203b; }
.mcp-main pre code { font-size:inherit; overflow-wrap:normal; }
.mcp-main pre::selection,.mcp-main pre code::selection { background:#efbed7; color:#2d203b; }
.mcp-main details { border-top:1px solid #c9bacf; margin-block:16px; }
.mcp-main summary { padding-block:16px; min-height:52px; cursor:pointer; font-size:16px; line-height:1.6; font-weight:700; color:#30233e; }
.mcp-main summary:hover { color:#713256; }
.mcp-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px 28px; margin-block:28px; }
.mcp-actions a { min-height:44px; display:inline-flex; align-items:center; font-size:16px; }
.mcp-actions .guide-button { color:#fff; }
@media (max-width:600px) {
 .guide-header { flex-direction:column; align-items:flex-start; gap:12px; padding-inline:18px; }
 .guide-header nav { gap:8px 22px; width:100%; }
 .mcp-main .mcp-connection { padding:22px; }
 .mcp-main table,.mcp-main tbody { display:block; }
 .mcp-main thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .mcp-main tbody tr { display:block; padding-block:20px; border-top:1px solid #c9bacf; }
 .mcp-main tbody th,.mcp-main td { display:block; width:auto; padding:0; border:0; font-size:16px; }
 .mcp-main tbody th code { font-size:15px; }
 .mcp-main td { margin-top:18px; }
 .mcp-cell-label { display:block; font-weight:700; margin-bottom:4px; }
 .mcp-main pre { padding:18px; font-size:14px; }
 .mcp-main .mcp-note { font-size:14px; }
 .mcp-example h3 { font-size:24px; }
 .mcp-main .mcp-actions { flex-direction:column; align-items:flex-start; }
}
