/* Public MCP documentation, using shared resource-page colors and typography. */
.mcp-doc-layout { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 56px; padding-bottom: 80px; }
.mcp-toc { position: sticky; top: 96px; align-self: start; display: grid; gap: 4px; border-left: 1px solid var(--line); }
.mcp-toc a { padding: 8px 16px; color: var(--muted); font-size: 14px; }
.mcp-toc a:hover { color: var(--primary); background: var(--primary-wash); }
.mcp-doc-content { min-width: 0; max-width: 850px; }
.mcp-doc-section { padding-block: 32px; border-top: 1px solid var(--line); }
.mcp-doc-section h2 { font-size: 28px; margin-bottom: 20px; }
.mcp-doc-section h3 { font-size: 19px; margin: 26px 0 12px; }
.mcp-doc-section ol { padding-left: 24px; color: var(--muted); }
.mcp-doc-section li { padding: 0 0 14px 6px; }
.mcp-note { margin-top: 20px; padding: 20px; border-left: 3px solid var(--primary); background: var(--bg-alt); border-radius: 0 var(--radius) var(--radius) 0; }
.mcp-endpoint { padding: 20px; background: var(--bg-inset); border: 1px solid var(--line); border-radius: var(--radius); }
.mcp-endpoint span { display: block; color: var(--muted); font-size: 12px; margin-bottom: 10px; }
.mcp-endpoint code { border: 0; padding: 0; overflow-wrap: anywhere; }
.mcp-table-scroll { overflow-x: auto; margin-top: 24px; border: 1px solid var(--line); border-radius: var(--radius); }
.mcp-table-scroll table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; }
.mcp-table-scroll th, .mcp-table-scroll td { padding: 16px; vertical-align: top; border-bottom: 1px solid var(--line); }
.mcp-table-scroll thead { background: var(--bg-alt); }
.mcp-table-scroll tbody th { width: 38%; font-weight: 500; }
.mcp-table-scroll td { color: var(--muted); }
.mcp-table-scroll code { border: 0; background: none; padding: 0; overflow-wrap: anywhere; }
.mcp-table-scroll tr:last-child > * { border-bottom: 0; }
.mcp-doc-section blockquote { margin: 18px 0; padding: 18px 22px; background: var(--primary-wash); border-left: 3px solid var(--primary); border-radius: 0 var(--radius) var(--radius) 0; }
@media (max-width: 900px) {
  .mcp-doc-layout { grid-template-columns: 1fr; gap: 24px; }
  .mcp-toc { position: static; display: flex; flex-wrap: wrap; border-left: 0; gap: 8px; }
  .mcp-toc a { border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 8px 12px; }
}
@media (max-width: 560px) {
  .mcp-table-scroll th, .mcp-table-scroll td { padding: 12px; }
  .mcp-table-scroll tbody th { width: 42%; }
}