/* The developer docs (/developers, /developers/reference): code blocks, endpoint headings and
   tables on top of site.css's guide layout. Colours come from app.css's tokens (light and dark). */
.dev-page .prose pre { position: relative; margin: 0 0 var(--s4); padding: var(--s4); padding-top: 38px; border-radius: var(--r-lg);
  background: var(--navy); color: var(--on-navy); border: 1px solid var(--navy-line); overflow-x: auto; font-size: .86rem; line-height: 1.55;
  -webkit-overflow-scrolling: touch; }
.dev-page .prose pre code { background: none; padding: 0; color: inherit; font-size: inherit; white-space: pre; }
.dev-page .prose code, .dev-page .prose pre { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
.dev-page .prose pre .lang { position: absolute; top: 10px; left: var(--s4); font-family: var(--font); font-size: .7rem; font-weight: 800;
  letter-spacing: .12em; text-transform: uppercase; color: var(--lime); }
.dev-page .prose pre .copy { position: absolute; top: 6px; right: 6px; min-height: 28px; padding: 2px 10px; border-radius: 8px; border: 1px solid var(--navy-line);
  background: var(--navy-2); color: var(--on-navy); font: 700 .74rem var(--font); cursor: pointer; }
.dev-page .prose pre .copy:hover { border-color: var(--on-navy-2); }
.dev-page .prose h3 { font-size: 1.12rem; color: var(--text); margin: var(--s5) 0 var(--s2); scroll-margin-top: 88px; }
.dev-page .prose .table-wrap { overflow-x: auto; margin: 0 0 var(--s4); }
.dev-page .prose .table-wrap table { margin: 0; }
.dev-page .prose td code, .dev-page .prose th code { white-space: nowrap; }
.endpoint { margin: 0 0 var(--s6); padding: var(--s4); border-radius: var(--r-lg); background: var(--surface); border: 1px solid var(--line); min-width: 0; }
.endpoint > h3 { margin-top: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; overflow-wrap: anywhere; }
.endpoint .path { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .95rem; overflow-wrap: anywhere; }
.method { display: inline-block; min-width: 62px; text-align: center; padding: 2px 8px; border-radius: 6px; font: 800 .74rem var(--font);
  letter-spacing: .06em; background: var(--navy); color: var(--lime); }
.method.post { background: var(--lime); color: var(--navy); }
.method.delete { background: var(--danger-soft); color: var(--danger); }
.method.patch, .method.put { background: var(--bg-2); color: var(--text); }
.scope-tag { display: inline-block; padding: 1px 8px; border-radius: 999px; border: 1px solid var(--line-strong); font-size: .78rem; font-weight: 700; color: var(--text-2); }
.dev-note { padding: var(--s4); border-radius: var(--r-lg); background: var(--accent-soft); color: var(--text); margin: 0 0 var(--s4); }
.dev-page .prose :not(pre) > code { overflow-wrap: anywhere; }
@media (min-width: 720px) { .endpoint { padding: var(--s5); } }