/* ==== DOCS LAYOUT ==== */
.docs-wrap{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 120px);max-width:1320px;margin:0 auto}
.docs-aside{
  position:sticky;top:48px;height:calc(100vh - 48px);overflow-y:auto;
  border-right:1px solid var(--rule);padding:32px 0;align-self:start;
}
.docs-main{padding:48px 48px 100px;max-width:820px}

.page-hero .page-sub-docs {
    font-size: 18px;
    color: var(--ink-2);
    line-height: 1.6;
    max-width: 560px;
    margin-top: 24px;
}

/* sidebar nav */
.dn-cat-top{
  font-family:var(--display);font-weight:700;font-size:18px;
  color:var(--signal);letter-spacing:-0.02em;
  padding:0 20px 16px;margin-bottom:4px;
}
.dn-link{
  display:block;padding:7px 20px;font-family:var(--mono);font-size:12.5px;
  color:var(--ink-2);letter-spacing:-0.01em;border-left:2px solid transparent;
  transition:color .12s,border-color .12s,background .12s;
}
.dn-link:hover{color:var(--ink);background:var(--bg-2)}
.dn-link.active{color:var(--signal);border-left-color:var(--signal);background:var(--bg-2)}
.dn-link.sub{padding-left:32px;font-size:12px}
.dn-link.ext{color:var(--ink-3)}
.dn-link.ext:hover{color:var(--signal)}
.dn-grp{margin:0}
.dn-parent{
  display:flex;justify-content:space-between;align-items:center;width:100%;
  background:none;border:0;cursor:pointer;text-align:left;
  padding:7px 20px;font-family:var(--mono);font-size:12.5px;color:var(--ink-2);
  letter-spacing:-0.01em;border-left:2px solid transparent;
  transition:color .12s,border-color .12s,background .12s;
}
.dn-parent:hover{color:var(--ink);background:var(--bg-2)}
.dn-parent[aria-expanded="true"]{color:var(--ink)}
.dn-toggle{font-family:var(--mono);font-size:14px;color:var(--ink-3);line-height:1;width:14px;text-align:center;display:inline-block}
.dn-parent[aria-expanded="true"] .dn-toggle::before{content:"−"}
.dn-parent[aria-expanded="false"] .dn-toggle::before{content:"+"}
.dn-children{display:none}
.dn-grp.is-open .dn-children{display:block}

/* doc content sections */
.doc-sec{padding:48px 0;border-bottom:1px solid var(--rule)}
.doc-sec:last-child{border-bottom:none}
.doc-h2{
  font-family:var(--display);font-weight:700;font-size:1.55rem;
  letter-spacing:-0.025em;color:var(--ink);margin-bottom:20px;
  padding-bottom:14px;border-bottom:1px solid var(--rule);
}
.doc-h3{
  font-family:var(--display);font-weight:600;font-size:1.05rem;
  letter-spacing:-0.02em;color:var(--ink);margin:32px 0 12px;
}
.doc-p{font-size:15px;color:var(--ink-2);line-height:1.65;margin-bottom:16px;max-width:680px}
.doc-p a{color:var(--signal)}
.doc-p a:hover{text-decoration:underline}
.doc-p code{
  font-family:var(--mono);font-size:13px;background:var(--bg-2);
  padding:1px 6px;border:1px solid var(--rule-2);color:var(--ink);
}

/* callout */
.callout{
  border-left:3px solid var(--signal);background:var(--bg-2);
  padding:14px 18px;margin:20px 0;font-size:14px;
  color:var(--ink-2);line-height:1.6;
}
.callout strong{color:var(--signal)}
.callout a{color:var(--signal)}

/* attention boxes (warning/info) */
.attn{
  border-left:3px solid var(--red);background:rgba(204,51,51,0.04);
  padding:10px 14px;margin:12px 0;font-size:13.5px;color:var(--ink-2);line-height:1.55;
}
.attn-h{
  display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--red);margin-bottom:6px;font-weight:700;
}
.attn.info{border-left-color:var(--signal);background:rgba(0,153,204,0.04)}
.attn.info .attn-h{color:var(--signal)}
.attn code{font-family:var(--mono);font-size:12px;background:#fff;padding:1px 5px;border:1px solid var(--rule-2);color:var(--ink)}

/* doc image */
.doc-img{display:block;max-width:100%;height:auto;margin:18px 0;border:1px solid var(--rule-2)}

/* table cell value lists */
.doc-table td ul{margin:6px 0 0;padding-left:18px;list-style:disc}
.doc-table td ul li{margin:2px 0;line-height:1.5}
.doc-table td ul li code{font-family:var(--mono);font-size:12px;background:var(--bg-2);padding:1px 5px;border:1px solid var(--rule-2);color:var(--ink)}

/* endpoint pill */
.endpoint-pill{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--mono);font-size:13px;
  background:var(--bg-2);border:1px solid var(--rule-2);
  padding:10px 16px;margin:16px 0 24px;
}
.endpoint-pill .mth{font-weight:700;color:var(--signal)}
.endpoint-pill .mth.get{color:#2D5CA8}
.endpoint-pill .url{color:var(--ink)}

/* code blocks */
.code-block{
  background:#F6F8FA;border:1px solid var(--rule-2);
  font-family:var(--mono);font-size:12.5px;line-height:1.65;
  margin:16px 0 24px;overflow-x:auto;
}
.code-hd{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 14px;border-bottom:1px solid var(--rule);
  font-size:11px;color:var(--ink-3);letter-spacing:.06em;
}
.code-hd .mth{color:var(--signal);font-weight:600}
.code-body{padding:16px 18px;white-space:pre;color:#2A2D33;overflow-x:auto}
.resp-block{background:rgba(0,153,204,0.04);border-top:1px dashed var(--rule)}

/* tables */
.doc-table{width:100%;border-collapse:collapse;font-size:13.5px;margin:16px 0 28px}
.doc-table th{
  text-align:left;padding:8px 12px;background:var(--bg-2);
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);border:1px solid var(--rule);
}
.doc-table td{
  padding:10px 12px;border:1px solid var(--rule);
  color:var(--ink-2);line-height:1.5;vertical-align:top;
}
.doc-table td:first-child{
  font-family:var(--mono);font-size:12.5px;color:var(--ink);font-weight:600;
  white-space:nowrap;
}
.doc-table .ok{color:var(--signal)}
.doc-table .err{color:var(--red)}
.doc-table .warn{color:var(--amber)}
.doc-table td code{
  font-family:var(--mono);font-size:12px;background:var(--bg-2);
  padding:1px 5px;border:1px solid var(--rule-2);color:var(--ink);
}

/* Responsive */
@media (max-width: 860px) {
  .docs-wrap { grid-template-columns: 1fr; }
  .docs-aside { display: none; }
  .docs-aside.opened {
    display: block; position: fixed; top: 48px; left: 0; right: 0; bottom: 0;
    background: var(--bg); overflow-y: auto; padding: 24px 0; z-index: 50;
  }
  .docs-aside.slide { display: block; }
  .docs-main { padding: 24px 20px 60px; max-width: none; min-width: 0; }

  .doc-h2 { font-size: 1.3rem; margin-bottom: 14px; padding-bottom: 10px; }
  .doc-h3 { font-size: 1rem; margin: 24px 0 10px; }
  .doc-p  { font-size: 14.5px; max-width: none; }

  .doc-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
  .doc-table td { padding: 8px 10px; font-size: 13px; }
  .doc-table th { padding: 6px 10px; }

  .endpoint-pill { flex-wrap: wrap; font-size: 12px; padding: 8px 12px; }
  .endpoint-pill .url { word-break: break-all; }

  .code-block { font-size: 11.5px; }
  .code-body  { padding: 14px; }

  .callout { padding: 12px 14px; font-size: 13.5px; }
}

@media (max-width: 480px) {
  .docs-wrap { padding: 0 14px; }
  .doc-h2 { font-size: 1.2rem; }
  .page-hero { padding: 18px 0 22px; }
}

/* MCP tools-table first/second column widths (was on legacy three-cols div-grid) */
body.mcp .doc-table td:first-child { width: 240px; min-width: 200px; }
body.mcp .doc-table td:nth-child(2) { width: 140px; min-width: 120px; }