/* Familiar application names make the MCP connection clear before interaction. */
.mcp-story>p strong,.mcp-hero .lead strong{color:#e2ecfb;font-weight:500}
.mcp-assistants{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:21px 0 0;max-width:530px}
.mcp-assistant-name{font-size:13px;font-weight:600;line-height:1.5;padding:7px 13px;border:1px solid;border-radius:6px;letter-spacing:-.1px}
.assistant-claude{color:#e9c6b4;border-color:#796153;background:#6e4d342b}
.assistant-chatgpt{color:#b5e4d2;border-color:#477165;background:#294f482b}
.mcp-assistant-other{font-size:11px;line-height:1.7;color:#a7bed8;max-width:155px;margin-left:2px}
.mcp-hero .actions{margin-top:28px}
.mcp-story .actions{margin-top:26px}
@media(max-width:600px){
  .mcp-assistants{gap:8px;margin-top:18px}
  .mcp-assistant-name{font-size:12px;padding:6px 11px}
  .mcp-assistant-other{font-size:10px;max-width:140px}
  .mcp-hero .actions,.mcp-story .actions{margin-top:24px}
}
@media(max-width:355px){.mcp-assistant-other{max-width:115px;font-size:9px}}