/* The MCP server page (/mcp/): setup snippets, the tool list, the citation example. Editorial
   lists with 1px ink top rules, light code blocks on white, nothing wider than the screen. */

.mcp-page { overflow-wrap: break-word; }
.mcp-page .lede { max-width: 720px; }
.mcp-page .guide-intro { max-width: 720px; }

.mcp-toc { display: flex; flex-wrap: wrap; gap: 8px 24px; max-width: 820px; padding: 12px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 15px; font-weight: 600; }
.mcp-toc a { color: var(--ink-2); text-decoration: none; }
.mcp-toc a:hover { color: var(--accent); text-decoration: underline; }

.mcp-section { max-width: 820px; }
.mcp-section > p { color: var(--ink-2); }
.mcp-group { margin: 36px 0 12px; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-2); }
.mcp-section h3:not(.mcp-group) { margin: 0 0 6px; font-size: 18px; font-weight: 700; }
.mcp-section h4 { margin: 0 0 6px; font-size: 17px; font-weight: 700; }
.mcp-section li p { margin: 6px 0; color: var(--ink-3); font-size: 15px; }
.mcp-cites { margin: 10px 0 0; font-size: 15px; color: var(--ink-3); }
.mcp-section .ed-list + .section-note { margin-top: 16px; }

.mcp-facts { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 20px; margin: 0 0 28px; }
.mcp-facts dt { font-weight: 600; color: var(--ink-2); }
.mcp-facts dd { margin: 0; min-width: 0; color: var(--ink-3); overflow-wrap: anywhere; }
.mcp-facts-small { margin: 10px 0 0; font-size: 15px; }

.mcp-page code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.9em; }
.mcp-page pre {
  max-width: 100%;
  margin: 12px 0;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--card);
  color: var(--ink);
  font-size: 14px;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.mcp-page pre code { font-size: inherit; }
/* Inline commands, files and tool names stay on one line: "--scope user" never splits at its hyphens. */
.mcp-page :not(pre) > code { white-space: nowrap; }

.mcp-tool h4 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; }
.mcp-tool h4 code { color: var(--ink); }
.mcp-tool h4 span { font-size: 15px; font-weight: 400; color: var(--muted); }
.mcp-inputs { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 16px; margin: 12px 0 0; font-size: 14px; }
.mcp-inputs dt { color: var(--ink-2); }
.mcp-inputs dt span { margin-left: 4px; }
.mcp-inputs dd { margin: 0; min-width: 0; color: var(--ink-3); }

.mcp-limits { margin: 0; padding-left: 20px; color: var(--ink-3); }
.mcp-limits li { margin: 8px 0; }

@media (max-width: 640px) {
  .mcp-facts, .mcp-inputs { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .mcp-facts dd, .mcp-inputs dd { margin-bottom: 10px; }
  .mcp-page pre { padding: 12px; font-size: 13px; }
}