.mcp-guide { max-width: 64rem; font-size: .9375rem; overflow-wrap: anywhere; letter-spacing: 0; }
.mcp-guide h1 { font-size: 1.875rem; }
.mcp-guide h2 { font-size: 1.1875rem; }
.mcp-guide .dx-lead { font-size: 1.03125rem; }
.mcp-guide .dx-note { font-size: .875rem; border-radius: 8px; }
.mcp-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; margin: 1.5rem 0; list-style: none; border-block: 1px solid var(--dx-border2); }
.mcp-flow li { padding: 1rem; border-left: 1px solid var(--dx-border); }
.mcp-flow li:first-child { border-left: 0; }
.mcp-flow strong, .mcp-flow span { display: block; }
.mcp-flow strong { color: var(--dx-info); margin-bottom: .375rem; }
.mcp-flow span { color: var(--dx-text2); font-size: .875rem; }
.mcp-table-wrap { width: 100%; }
.mcp-guide .mcp-table { table-layout: fixed; min-width: 0; font-size: .875rem; }
.mcp-guide .mcp-table th, .mcp-guide .mcp-table td { min-width: 0; white-space: normal; padding: .75rem; vertical-align: top; }
.mcp-guide .mcp-table thead th { font-size: .8125rem; background: var(--dx-bg2); }
.mcp-guide .mcp-table th:first-child { width: 18%; }
.mcp-guide .mcp-table th:nth-child(2) { width: 35%; }
.mcp-checklist { padding-left: 1.25rem; }
.mcp-checklist li { padding: .375rem 0; }
.mcp-reference { font-size: .8125rem; color: var(--dx-text3); }
.mcp-reference a { color: var(--dx-info); text-decoration: underline; }
.mcp-client-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 1.5rem 0; }
.mcp-client-links a { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .875rem; border: 1px solid var(--dx-border2); border-radius: 8px; font-weight: 600; }
.mcp-client-links a:hover { color: var(--dx-info); background: var(--dx-info-bg); }
.mcp-client-links a:focus-visible { outline: 2px solid var(--dx-info); outline-offset: 2px; }
.mcp-connection { display: grid; grid-template-columns: 6rem minmax(0, 1fr); margin: 0 0 1rem; }
.mcp-connection dt, .mcp-connection dd { padding: .625rem 0; margin: 0; border-bottom: 1px solid var(--dx-border); }
.mcp-connection dt { color: var(--dx-text3); }
.mcp-instructions { padding-left: 1.5rem; }
.mcp-instructions li { margin: .5rem 0; }
.mcp-guide .dx-code pre { font-size: .8125rem; }
.mcp-guide .mcp-server-url pre { white-space: pre-wrap; overflow-wrap: anywhere; padding-right: 3.25rem; }
.mcp-guide .mcp-config pre { padding-top: 2.75rem; }
.mcp-prompt { margin: 1rem 0; padding: .75rem 1rem; border-left: 3px solid var(--dx-info); background: var(--dx-bg2); }
.mcp-studio-nav { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin: 1rem 0; }
.mcp-studio-nav a { color: var(--dx-info); text-decoration: underline; text-underline-offset: .2rem; }
.mcp-studio { border-top: 1px solid var(--dx-border2); padding: 1.5rem 0 .5rem; }
.mcp-guide .mcp-studio h3 { display: flex; align-items: center; gap: .625rem; margin: 0 0 .75rem; font-size: 1.125rem; scroll-margin-top: 5rem; }
.mcp-studio h3 img { width: 1.5rem; height: 1.5rem; flex-shrink: 0; }
.mcp-studio-lead { font-weight: 600; }
.mcp-guide .mcp-request pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: 1rem 3.25rem 1rem 1rem; font-family: var(--dx-font); font-size: .9375rem; }
@media (max-width: 920px) {
    .mcp-client-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mcp-guide h1 { font-size: 1.5rem; }
    .mcp-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mcp-flow li:nth-child(3) { border-left: 0; }
    .mcp-flow li:nth-child(n+3) { border-top: 1px solid var(--dx-border); }
}
@media (max-width: 430px) {
    .mcp-guide .mcp-table th, .mcp-guide .mcp-table td { padding: .625rem .375rem; }
    .mcp-guide .mcp-table th:first-child { width: 22%; }
}