/* MCP server page. Page-only rules, tokens only, .pg-mcp- prefix. */

/* The person's request to their agent: the UI size in ink at semibold, so it reads as
   someone speaking rather than as body copy. */
.pg-mcp-prompt { margin: 0; font-size: var(--fs-ui); font-weight: var(--fw-semibold); line-height: var(--lh-snug); color: var(--fg-1); }

/* Tool names are code. They take the system monospace stack at the chip's size; the
   page keeps Figtree for everything that is prose. */
.pg-mcp-calls code, .specs code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.95em; }
.pg-mcp-calls { gap: var(--sp-2); }

/* Rows inside the approval card (the knowledgebases.css pattern): name the cloud ground
   and the row padding, since --_bg and --pad are inherited from the paper card. */
.pg-mcp-rule > .tint:not([class*="tint--"]) { --_bg: var(--bg-tint); --pad: 12px 16px; font-size: var(--fs-sm); color: var(--fg-2); }
.pg-mcp-rule > .tint b { color: var(--fg-1); }

/* The two paths into the same tools: paper cards on the green panel, one per client. */
.pg-mcp-paths { gap: var(--sp-3); }
.pg-mcp-paths .tint--paper { --pad: 16px 18px; }

/* A tool result on the ink panel. Monospace, scrolls sideways inside its own box on a
   phone so the page never does. */
.pg-mcp-json { margin: 0; overflow-x: auto; font: 400 var(--fs-sm)/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--fg-1); }

/* Long chips and citations wrap inside a phone column. */
.answer__cites .chip, .specs .chip { white-space: normal; line-height: 1.35; }

/* flat.css's 1100px two-column spec rule beats its 600px one-column rule; restated here
   (see knowledgebases.css). */
@media (max-width: 600px) { .specs { grid-template-columns: 1fr; } }