/* /mcp/ additions on top of services.css + access.css (hero visual reuses .ag-viz). */
.mcp-ask { margin: 14px 0 0; font-size: 17px; line-height: 1.45; color: rgba(255,255,255,0.92); }
.mcp-prompts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mcp-prompt { margin-top: 12px; font-family: var(--serif); font-size: 22px; line-height: 1.3; color: var(--ink); }
.mcp-url { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; margin: 8px 0 28px; padding: 18px 22px; border-radius: 16px; background: var(--ink); color: var(--white); }
.mcp-url-k { font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.6); }
.mcp-url code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: clamp(15px, 2vw, 20px); color: #7fe0ee; word-break: break-all; }
.mcp-clients { margin-top: 16px; }
@media (max-width: 720px) { .mcp-prompts { grid-template-columns: 1fr; } .mcp-prompt { font-size: 19px; } }