/* The page of one MCP (scripts/render_mcp.py), on top of use-cases.css. */
.mp-actions code, .mp-asks code { font: 11.5px/1.6 var(--mono); color: var(--purple); overflow-wrap: anywhere; }
.mp-actions th { width: 34%; }
.mp-actions th, .mp-actions td { padding: 12px 14px; font-weight: 400; }
.mp-actions td { color: var(--muted); }
.mp-more { margin-top: 14px; }
.mp-more summary { cursor: pointer; font-size: 13px; color: var(--purple); }
.mp-more .comparison { margin-top: 14px; }
.mp-note { margin: 14px 0 0; max-width: none; }
.variants.mp-asks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mp-ask b { font-weight: 500; font-size: 14px; line-height: 1.6; }
.mp-ask span { margin-top: 6px; }
.variants.mp-related { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mp-card { text-decoration: none; transition: border-color .15s; }
a.mp-card:hover, a.mp-card:focus-visible { border-color: var(--purple); }
.mp-card h3 { margin: 0; font-size: 15px; }
.mp-card p { margin: 0; font-size: 12px; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mp-card .tag { margin-top: auto; padding-top: 6px; }
.mp-fields { margin: 10px 0 0; padding-left: 18px; }
.mp-fields li { padding: 3px 0; }
.mp-fields b { font-weight: 500; color: var(--ink); }
.steps p a, .mp-fields a { color: var(--purple); }
.steps .mp-fields { font-size: 12px; color: var(--muted); }
@media (max-width: 900px) { .variants.mp-asks, .variants.mp-related { grid-template-columns: minmax(0, 1fr); } }
.uc-hero .facts { justify-content: flex-start; }
@media (max-width: 560px) {
  .mp-actions thead { display: none; }
  .mp-actions, .mp-actions tbody, .mp-actions tr, .mp-actions th, .mp-actions td { display: block; width: auto; }
  .mp-actions tr { border: 1px solid var(--line); border-top: 0; }
  .mp-actions tr:first-child { border-top: 1px solid var(--line); }
  .mp-actions th, .mp-actions td { border: 0; }
  .mp-actions th { padding-bottom: 2px; }
  .mp-actions td { padding-top: 2px; }
}