/* /developers, /api-ro, /mcp-ro — Markdown rendered into the site's own column.
   Loaded only on those pages. The h1 and the page padding come from .list-page in site.css;
   everything here is the rest of what Markdown emits — running heads, prose, code, tables,
   lists — set in the site's tokens so the pages read as the same site, not as a manual
   bolted onto it. */

.docs h1 + p { margin-top: 14px; }

.docs h2 {
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.005em;
  margin: 44px 0 0;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--rule-strong);
}
.docs h3 {
  font-size: 15px;
  font-weight: 600;
  margin: 28px 0 0;
}
.docs h2 + p, .docs h3 + p, .docs h2 + table, .docs h2 + pre, .docs h2 + ul, .docs h2 + ol { margin-top: 14px; }

.docs p {
  margin: 14px 0 0;
  font-size: 15.5px;
  line-height: 1.55;
  color: var(--ink-soft);
  max-width: 72ch;
}
.docs p strong { color: var(--ink); font-weight: 600; }
.docs a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--rule-strong); }
.docs a:hover, .docs a:focus-visible { color: var(--data); text-decoration-color: currentColor; }

/* Inline code sits on a faint paper tint rather than a grey pill, so a line of prose with
   four parameter names in it does not read as four buttons. */
.docs code {
  font-family: var(--mono);
  font-size: 0.86em;
  background: rgba(32, 30, 29, 0.055);
  padding: 0.1em 0.35em;
  border-radius: 4px;
}

/* Blocks are ruled, not boxed, like every other section on the site: a hairline above and
   below, a hint of tint, and the site's mono. Long JSON scrolls inside its own block. */
.docs pre {
  margin: 14px 0 0;
  padding: 14px 16px;
  background: rgba(32, 30, 29, 0.035);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 12.5px;
  line-height: 1.5;
}
.docs pre code { background: none; padding: 0; font-size: inherit; }

/* Tables follow the company-page and /alternativa rules: ruled rows, no borders, uppercase
   label heads, and a horizontal scroll on a phone rather than a page that pushes sideways. */
.docs table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 14px 0 0;
  border-collapse: collapse;
  font-size: 13.5px;
}
.docs th, .docs td {
  border: 0;
  border-bottom: 1px solid var(--rule);
  padding: 9px 14px 9px 0;
  text-align: left;
  vertical-align: top;
  line-height: 1.45;
}
.docs thead th {
  border-bottom: 1px solid var(--rule-strong);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--label);
  white-space: nowrap;
}
.docs td { color: var(--ink-soft); }
.docs td code, .docs th code { white-space: nowrap; }
.docs tbody tr:last-child td { border-bottom: 0; }

.docs ul, .docs ol {
  margin: 14px 0 0;
  padding-left: 1.4em;
  font-size: 15.5px;
  line-height: 1.55;
  color: var(--ink-soft);
  max-width: 72ch;
}
.docs li { margin: 6px 0; }
.docs li strong { color: var(--ink); font-weight: 600; }

/* The related-documents line under the article: same voice as the list-page footers. */
.docs__links { font-size: 13.5px; color: var(--label); }
.docs__links a { color: var(--ink-soft); text-decoration: none; }
.docs__links a:hover { color: var(--data); text-decoration: underline; }