/* /blog/mcp-server-security · page scoped CSS (prefix pg-mcp-). Spacing between shared blocks (as the exemplar
   /blog/mac-security-questionnaire), the provider guidance line, the mono key words of fig. 01, the steps inside the fig. 02 plate and
   the ember rule of fig. 03 (as /product/ai-agents draws it). */

.pg-mcp-title{text-wrap:balance}

/* reading rhythm: sections, figures, drawers */
.pg-mcp-sec+.pg-mcp-sec{margin-top:104px}
@media (max-width:767px){.pg-mcp-sec+.pg-mcp-sec{margin-top:72px}}
.pg-mcp-chips{margin-top:28px}
.pg-mcp-fig{margin-top:44px}
.pg-mcp-fig .cy-fig__cap{max-width:68ch}
.pg-mcp-callout{margin-top:32px;max-width:684px}
.pg-mcp-links{margin-top:24px}
.pg-mcp-after{margin-top:32px}
.pg-mcp-pull{max-width:min(68ch,38em);margin:40px 0 0}

/* the provider guidance line under a section (the old page's "Provider guidance: …") */
.pg-mcp-ref{margin-top:28px;max-width:60ch;font-size:15px;line-height:1.55;color:var(--s-ink-2)}

/* fig. 01: the key word before each question */
.pg-mcp-k{display:block;margin-bottom:2px;font-family:var(--font-mono);font-size:13px;line-height:1.5;color:var(--s-ink-3)}

/* fig. 02: the steps sit flush in the plate */
.pg-mcp-steps{margin-top:4px;border-bottom:0}
.pg-mcp-steps .cy-step:first-child{border-top:0}

/* fig. 03: the next step is a person's call (ember) */
.pg-mcp-rule{display:inline-block;width:14px;height:3px;margin-right:10px;vertical-align:middle;background:#FF6B2B}