/* Developer reference uses the same charcoal and gold palette as the public site. */
body.home-gold.docs-page .doc {
  max-width: 960px;
  margin-inline: auto;
  padding: 48px 32px 80px;
  background: #101418;
  color: var(--ink);
  border-inline: 1px solid #282e35;
}
body.docs-page .doc .doc-intro { margin: -48px -32px 40px; padding: 52px 32px 46px; }
body.docs-page .doc h2 { margin-top: 48px; padding-top: 28px; border-top: 1px solid #30363d; color: #f5f3ec; font-size: clamp(1.4rem, 3vw, 1.85rem); letter-spacing: -.035em; line-height: 1.3; }
body.docs-page .doc h3 { margin-top: 30px; color: #e8dfca; font-size: 1.05rem; }
body.docs-page .doc p { margin-top: 14px; color: #b1bac5; font-size: .94rem; line-height: 1.85; }
body.docs-page .doc .doc-intro p { color: #b1b8c2; }
body.docs-page .doc .doc-intro .section-eyebrow { margin: 0 0 18px; color: #ddc28d; font-size: .65rem; }
body.docs-page .doc a { color: #edcb82; }
body.docs-page .doc p code, body.docs-page .doc td code {
  padding: 2px 5px;
  border: 1px solid #edcb8214;
  border-radius: 5px;
  background: #edcb820a;
  color: #e7c98d;
  font-family: var(--mono);
  font-size: .85em;
}
body.docs-page .doc .code {
  display: block;
  max-width: 100%;
  margin: 20px 0 0;
  padding: 20px 22px;
  border: 1px solid #343c46;
  border-radius: 14px;
  background: #151a20;
  color: #d6dce4;
  font-family: var(--mono);
  font-size: .83rem;
  line-height: 1.8;
  white-space: pre;
  tab-size: 2;
  overflow-x: auto;
  scrollbar-color: #675b43 #101418;
}
body.docs-page .doc .code > code { font: inherit; color: inherit; }
body.docs-page .endpoint {
  display: flex;
  align-items: baseline;
  gap: 10px;
  width: fit-content;
  max-width: 100%;
  margin-top: 22px;
  padding: 10px 13px;
  border: 1px solid #3c3a30;
  border-radius: 9px;
  background: #1b1e1c;
  color: #cdd3db;
  font-family: var(--mono);
  font-size: .8rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
body.docs-page .endpoint b { flex-shrink: 0; color: #edcb82; font-weight: 600; }
body.docs-page .doc-table-scroll { margin-top: 20px; border: 1px solid #2e353d; border-radius: 12px; background: #14191e; scrollbar-color: #675b43 #101418; }
body.docs-page .doc table { width: 100%; min-width: 480px; margin: 0; border-collapse: collapse; font-size: .86rem; line-height: 1.75; }
body.docs-page .doc th, body.docs-page .doc td { padding: 14px 16px; text-align: left; border-bottom: 1px solid #2a3037; vertical-align: top; }
body.docs-page .doc th { background: #1b2026; color: #a9b2bf; font-size: .74rem; font-weight: 500; }
body.docs-page .doc td { color: #b7c0cc; }
body.docs-page .doc td:first-child { color: #e0c89c; font-family: var(--mono); font-size: .8rem; white-space: nowrap; }
body.docs-page .doc tbody tr:last-child td { border-bottom: 0; }
body.docs-page .doc tbody tr:hover td { background: #ffffff03; }
body.docs-page .doc .req { color: #f48a80; font-size: .68rem; }
@media (max-width: 580px) {
  body.home-gold.docs-page .doc { padding: 36px 20px 60px; }
  body.docs-page .doc .doc-intro { margin: -36px -20px 28px; padding: 38px 20px; }
  body.docs-page .doc p { font-size: .88rem; }
  body.docs-page .doc .code { padding: 16px; font-size: .75rem; }
  body.docs-page .endpoint { padding: 9px 10px; font-size: .73rem; gap: 8px; }
}
body.docs-page .doc-toc { margin-top: 8px; padding: 20px 24px; border: 1px solid #2e353d; border-radius: 14px; background: #14191e; }
body.docs-page .doc-toc .section-eyebrow { margin: 0 0 12px; color: #ddc28d; font-size: .65rem; }
body.docs-page .doc-toc ol { margin: 0; padding-left: 20px; columns: 2; column-gap: 32px; color: #6f7782; font-size: .86rem; line-height: 2; }
body.docs-page .doc-toc a { text-decoration: none; }
body.docs-page .doc-toc a:hover { text-decoration: underline; }
@media (max-width: 580px) { body.docs-page .doc-toc ol { columns: 1; } }