.mcp-body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-ui);
  line-height: 1.6;
}

.mcp-page, .mcp-card {
  max-width: 44rem;
  margin: 0 auto;
  padding: 28px 22px 90px;
}



.mcp-card {
  max-width: 33rem;
  padding: 26px 24px 30px;
}

.mcp-brand {
  display: inline-block;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--accent-ink);
  text-decoration: none;
  margin-bottom: 18px;
}

.mcp-body h1 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 1.85rem;
  line-height: 1.18;
  margin: 10px 0 12px;
}
.mcp-body h2 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 1.25rem;
  margin: 40px 0 10px;
}
.mcp-body h3 { font-size: 1.02rem; font-weight: 600; margin: 0 0 8px; }
.mcp-body p { margin: 0 0 12px; }
.mcp-lede { font-size: 1.05rem; }
.mcp-body .muted { color: var(--muted); font-size: 0.9333rem; }
.mcp-body .faint { color: var(--faint); font-size: 0.8667rem; }
.mcp-body a { color: var(--accent-ink); }
.mcp-body code { font-family: var(--font-mono); font-size: 0.9em; }






.mcp-url {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 12px 14px; margin: 18px 0 8px;
  background: var(--surface); border: 1px solid var(--line-2); border-radius: 11px;
}
.mcp-url .mcp-k {
  font-size: 0.7333rem; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--muted);
}
.mcp-url code { flex: 1 1 12rem; min-width: 0; overflow-wrap: anywhere; }

 
.mcp-tablewrap { overflow-x: auto; margin: 0 0 14px; }
.mcp-tbl { width: 100%; border-collapse: collapse; font-size: 0.9333rem; }
.mcp-tbl th {
  text-align: left; font-size: 0.7333rem; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--muted); font-weight: 600;
  padding: 0 10px 7px 0; border-bottom: 1px solid var(--line);
}
.mcp-tbl td { padding: 10px 10px 10px 0; border-bottom: 1px solid var(--rowline); vertical-align: top; }
.mcp-tbl .nowrap { white-space: nowrap; }
.mcp-tbl small { display: block; margin-top: 2px; }




.mcp-never {
  background: var(--surface-2); border: 1px solid var(--line);
  border-radius: 11px; padding: 14px 16px; margin: 16px 0;
  font-size: 0.9333rem;
}
.mcp-never ul { margin: 8px 0 0; padding-left: 20px; }
.mcp-never li { margin: 4px 0; }





.mcp-tabs {
  display: flex; flex-wrap: wrap; gap: 2px; margin: 14px 0 18px;
  background: var(--quiet); padding: 3px; border-radius: 10px;
}
.mcp-tabs[hidden] { display: none; }
.mcp-tab {
  font: inherit; font-size: 0.8667rem; font-weight: 500; cursor: pointer;
  padding: 7px 12px; border: 0; border-radius: 7px;
  background: transparent; color: var(--muted);
}
.mcp-tab:hover { color: var(--ink); }
.mcp-tab[aria-selected="true"] { background: var(--surface); color: var(--ink); box-shadow: var(--shadow); }
.mcp-tab:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }

.mcp-panel {
  border: 1px solid var(--line); border-radius: 13px;
  padding: 18px 18px 14px; margin: 0 0 14px; background: var(--surface);
}
.mcp-panel:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.mcp-steps { margin: 12px 0 0; padding-left: 22px; }
.mcp-steps li { margin: 0 0 12px; }

.mcp-code {
  display: flex; align-items: flex-start; gap: 8px; margin: 8px 0 0;
}
.mcp-code pre {
  flex: 1; min-width: 0; margin: 0; overflow-x: auto;
  background: var(--quiet); border: 1px solid var(--line);
  border-radius: 9px; padding: 10px 12px;
  font-size: 0.8667rem; line-height: 1.45;
}
.mcp-code .btn { flex: none; }

.mcp-acts { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; }

 
.mcp-claim {
  background: var(--surface-2); border: 1px solid var(--line);
  border-radius: 10px; padding: 10px 12px;
  font-size: 0.8667rem; color: var(--muted);
}
.mcp-h {
  font-family: var(--font-display); font-weight: 600;
  font-size: 1.05rem; margin: 26px 0 6px;
}
.mcp-scopes { margin: 10px 0 0; }
.mcp-scope {
  display: flex; align-items: flex-start; gap: 11px;
  padding: 11px 0; border-bottom: 1px solid var(--rowline);
}
.mcp-scope:last-child { border-bottom: 0; }
.mcp-scope input { margin: 3px 0 0; width: 18px; height: 18px; flex: none; accent-color: var(--accent); }
.mcp-scope-t { flex: 1; min-width: 0; }
.mcp-scope-t b { display: block; font-size: 0.9333rem; font-weight: 600; }
.mcp-scope-t small { color: var(--muted); font-size: 0.8667rem; }



.mcp-scope.is-locked { opacity: 0.75; }
.mcp-tag {
  flex: none; margin-top: 2px; font-size: 0.7333rem;
  padding: 1px 8px; border-radius: 999px; border: 1px solid;
}





.mcp-tag-r { background: var(--quiet); color: var(--muted); border-color: var(--line-2); }
.mcp-tag-w { background: var(--late-soft); color: var(--late); border-color: var(--late); }
.mcp-problem { color: var(--late); }


.mcp-foot { margin-top: 20px; }




.mcp-card .mcp-acts { margin: 24px 0 0; }
.mcp-card .mcp-acts .btn { flex: 1 1 10rem; }

@media (max-width: 30rem) {
  .mcp-page, .mcp-card { padding-left: 16px; padding-right: 16px; }
  .mcp-body h1 { font-size: 1.55rem; }
}