.doc-code{background:var(--ink);color:#edf1f8;border:1px solid #344460;border-radius:8px;margin:18px 0;overflow:hidden}.doc-code-bar{color:#bdc7d9;border-bottom:1px solid #344460;justify-content:space-between;align-items:center;gap:12px;padding:5px 10px 5px 16px;font-size:11px;display:flex}.doc-code-bar button{color:#edf1f8;cursor:pointer;border-radius:5px;align-items:center;gap:6px;min-height:34px;padding:5px 9px;font-size:11px;display:flex}.doc-code-bar button:hover{background:#344460}.doc-code pre{white-space:pre;margin:0;padding:20px;font-size:12px;line-height:1.9;overflow-x:auto}.doc-code pre code{font-family:var(--font-mono),monospace;font-size:inherit;color:inherit;overflow-wrap:normal;background:0 0;border:0;padding:0}.mcp-setup{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin:24px 0;font-size:13px;line-height:1.8;overflow:hidden}.mcp-clients{border-bottom:1px solid var(--line);background:var(--surface-subtle);gap:4px;padding:8px 8px 0;display:flex}.mcp-clients button{color:var(--dim);cursor:pointer;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 8px;font-size:12px;display:flex}.mcp-clients button[aria-pressed=true]{border-color:var(--action-primary);color:var(--text);background:var(--panel);border-radius:6px 6px 0 0;font-weight:600}.mcp-clients img{object-fit:contain;border-radius:4px}.mcp-body{padding:22px}.mcp-body h3{color:var(--text);margin:0;font-size:16px}.mcp-body p{margin:14px 0}.mcp-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mcp-formats{background:var(--surface-subtle);border-radius:6px;padding:3px;display:flex}.mcp-formats button{cursor:pointer;border-radius:4px;padding:5px 9px;font-size:11px}.mcp-formats button[aria-pressed=true]{color:var(--text);box-shadow:0 1px 3px color-mix(in srgb, var(--ink) 7%, transparent);background:#fff}.mcp-body .mcp-note{color:var(--dim);font-size:12px}.mcp-body a{color:var(--action-primary);text-underline-offset:3px;text-decoration:underline}.mcp-body p>code{font-family:var(--font-mono),monospace;font-size:12px}@media (max-width:640px){.mcp-body{padding:16px}.mcp-clients{gap:0;padding:5px 3px 0}.mcp-clients button{gap:5px;padding:12px 5px;font-size:11px}.doc-code-bar button{min-height:44px}.doc-code pre{padding:16px}}