/* Developer docs (/developers/mcp, /mods/, /api/client/v1/docs; #1855): a sticky contents column beside the page on wide
   screens, stacked above it on narrow ones. Tokens only (docs/style-guide.md). */
.kg-dev-layout { display: grid; grid-template-columns: 1fr; gap: 2rem; }
/* min-width 0: a grid item otherwise grows to its widest <pre>, and the page scrolls sideways. */
.kg-dev-layout > * { min-width: 0; }
/* The per-tool list is a closed <details> under "Tools": one line until opened, so it can sit
   above the content on narrow screens too without being a screen of links in front of it. */
.kg-dev-toc-tools > summary { cursor: pointer; list-style: none; }
.kg-dev-toc-tools > summary::-webkit-details-marker { display: none; }
.kg-dev-toc-tools > summary::after { content: " \25BE"; }
.kg-dev-toc-tools[open] > summary::after { content: " \25B4"; }
.kg-dev-toc-tools > summary:hover { color: var(--kg-ink); }
@media (min-width: 900px) {
  .kg-dev-layout { grid-template-columns: 14rem minmax(0, 1fr); }
  .kg-dev-toc { position: sticky; top: 1.5rem; align-self: start; max-height: calc(100vh - 3rem); overflow-y: auto; }
}
.kg-dev-toc { font-size: 0.85rem; }
.kg-dev-toc ul { list-style: none; margin: 0; padding: 0; }
.kg-dev-toc li { margin: 0.2rem 0; }
.kg-dev-toc ul ul { padding-left: 0.8rem; }
.kg-dev-toc a { color: var(--kg-grey); text-decoration: none; }
.kg-dev-toc a:hover { color: var(--kg-ink); text-decoration: underline; }
.kg-dev-toc-label { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--kg-grey); margin: 1rem 0 0.3rem; }
.kg-dev-toc code { font-size: 0.78rem; }
.kg-dev-section { scroll-margin-top: 1rem; }
.kg-dev-tool { background: var(--kg-surface); border: 1px solid var(--kg-line); border-radius: var(--kg-radius); padding: 1rem 1.25rem; margin: 1rem 0; scroll-margin-top: 1rem; }
.kg-dev-tool h3 { font-family: var(--kg-sans); font-size: 1rem; margin: 0 0 0.5rem; }
.kg-dev-tool h3 a { color: var(--kg-ink); text-decoration: none; }
.kg-dev-tool p { margin: 0 0 0.75rem; line-height: 1.55; }
.kg-dev-params { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.kg-dev-params th { text-align: left; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--kg-grey); border-bottom: 1px solid var(--kg-line); padding: 0.3rem 0.5rem 0.3rem 0; }
.kg-dev-params td { overflow-wrap: anywhere; border-bottom: 1px solid var(--kg-line); padding: 0.35rem 0.5rem 0.35rem 0; vertical-align: top; }
.kg-dev-params tr:last-child td { border-bottom: 0; }
.kg-dev-req { color: var(--kg-danger); font-size: 0.75rem; }
.kg-dev-steps li { margin: 0.35rem 0; line-height: 1.55; }