#assistbot-mcp-guide { color:#334155; font-size:15px; line-height:1.75; min-width:0; }
#assistbot-mcp-guide * { box-sizing:border-box; }
#assistbot-mcp-guide .eyebrow { font-size:11px; letter-spacing:1px; color:#6251c7; font-weight:600; }
#assistbot-mcp-guide p { margin:0 0 14px; }
#assistbot-mcp-guide .intro { margin-top:12px; color:#64748b; }
#assistbot-mcp-guide .card { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:24px; margin:22px 0; }
#assistbot-mcp-guide h2 { color:#1e293b; font-size:24px; line-height:1.3; margin:0 0 16px; }
#assistbot-mcp-guide h3 { color:#1e293b; font-size:17px; line-height:1.4; margin:0 0 8px; }
#assistbot-mcp-guide .steps { list-style:none; padding:0; margin:0; counter-reset:mcp-step; }
#assistbot-mcp-guide .steps > li { display:flex; gap:14px; padding:0; margin:24px 0 0; counter-increment:mcp-step; }
#assistbot-mcp-guide .steps > li::before { content:counter(mcp-step); position:static; display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border-radius:8px; color:#6251c7; background:#f3f1ff; font-size:13px; font-weight:600; }
#assistbot-mcp-guide .steps > li > div { min-width:0; }
#assistbot-mcp-guide .small { font-size:12px; color:#64748b; }
#assistbot-mcp-guide a { color:#6251c7; text-underline-offset:3px; }
#assistbot-mcp-guide .download,#assistbot-mcp-guide button { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid #d9d5e9; border-radius:8px; padding:10px 14px; background:#fff; color:#5140ad; font:500 13px/1.5 inherit; text-decoration:none; cursor:pointer; min-height:44px; }
#assistbot-mcp-guide .primary { background:#6251c7; border-color:#6251c7; color:#fff; }
#assistbot-mcp-guide .url { display:flex; flex-wrap:wrap; gap:10px; align-items:center; background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:10px 12px; margin:12px 0; }
#assistbot-mcp-guide code { min-width:0; overflow-wrap:anywhere; font-size:13px; flex:1; }
#assistbot-mcp-guide .tag { display:inline-block; font-size:11px; color:#6251c7; background:#f3f1ff; padding:4px 9px; border-radius:6px; margin-bottom:12px; }
#assistbot-mcp-guide .setup-note { margin:18px 0; padding:16px 18px; border:1px solid #ebd5af; border-left:3px solid #c68b2c; border-radius:8px; background:#fff8eb; color:#64491f; font-size:13px; line-height:1.65; }
#assistbot-mcp-guide .setup-note strong { display:block; margin-bottom:7px; font-size:14px; }
#assistbot-mcp-guide .setup-note p { margin:0; }
#assistbot-mcp-guide .setup-note p+p { margin-top:8px; }
#assistbot-mcp-guide .prompt { width:100%; display:block; padding:14px; margin:14px 0 12px; min-height:220px; resize:vertical; border:1px solid #e2e8f0; border-radius:8px; background:#f8fafc; color:#334155; font:400 14px/1.7 Inter,"Segoe UI",sans-serif; }
#assistbot-mcp-guide .followup { margin-top:16px; padding:12px 15px; border:1px solid #e2e8f0; border-radius:8px; font-size:13px; }
#assistbot-mcp-guide blockquote { margin:8px 0 0; padding:0 0 0 12px; border-left:2px solid #d5cdef; color:#475569; background:transparent; }
#assistbot-mcp-guide .note { background:#f6f4ff; color:#554972; border-left:3px solid #b3a5eb; padding:12px 15px; font-size:13px; margin-top:18px; }
#assistbot-mcp-guide .status { color:#6251c7; font-size:12px; min-height:18px; margin:8px 0 0; }
#assistbot-mcp-guide .faq details { border-top:1px solid #e2e8f0; padding:14px 0; }
#assistbot-mcp-guide .faq summary { cursor:pointer; font-weight:600; }
#assistbot-mcp-guide .faq p { font-size:14px; margin:10px 0 0; }
#assistbot-mcp-guide .end { color:#64748b; font-size:12px; }
#assistbot-mcp-guide :focus-visible { outline:3px solid #998ae6; outline-offset:3px; }
@media(max-width:600px) {
 #assistbot-mcp-guide .card { padding:18px 14px; }
 #assistbot-mcp-guide h2 { font-size:21px; }
 #assistbot-mcp-guide .steps > li { gap:10px; }
 #assistbot-mcp-guide .steps > li::before { width:25px; height:25px; flex-basis:25px; }
 #assistbot-mcp-guide .url button { width:100%; }
}