/* Moonshot EHR developer site (public/developers/). Tokens only. */
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: 1.55;
}
.dev-top { border-bottom: 1px solid var(--border); background: var(--bg-elevated); }
.dev-nav {
  max-width: 760px;
  margin: 0 auto;
  padding: var(--space-3) var(--space-4);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  font-size: var(--text-sm);
}
main { max-width: 760px; margin: 0 auto; padding: var(--space-6) var(--space-4) var(--space-8); box-sizing: border-box; }
h1 { font-family: var(--font-heading); font-size: var(--text-2xl); font-weight: var(--weight-bold); margin: 0 0 var(--space-2); }
h2 { font-family: var(--font-heading); font-size: var(--text-xl); font-weight: var(--weight-semibold); margin: 0 0 var(--space-3); }
.lede { color: var(--text-muted); margin: 0 0 var(--space-6); }
a { color: var(--accent-text, var(--accent)); }
.dev-card {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  padding: var(--space-5);
  margin: 0 0 var(--space-5);
}
code { font-family: var(--font-mono); font-size: 0.92em; overflow-wrap: anywhere; }
pre {
  background: var(--bg-secondary, var(--bg));
  border: 1px solid var(--border-light, var(--border));
  border-radius: var(--radius);
  padding: var(--space-3);
  overflow-x: auto;
  font-size: var(--text-sm);
  line-height: 1.5;
  margin: var(--space-2) 0 var(--space-3);
}
pre code { font-size: inherit; overflow-wrap: normal; }
.table-wrap { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; font-size: var(--text-sm); margin: var(--space-2) 0; }
th, td { text-align: left; padding: var(--space-2); border-bottom: 1px solid var(--border-light, var(--border)); vertical-align: top; }
th { color: var(--text-muted); font-weight: var(--weight-semibold); }
.dev-guides { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--space-3); }
.dev-guides li { display: flex; flex-direction: column; gap: var(--space-1); }
.dev-guides span { color: var(--text-muted); font-size: var(--text-sm); }
footer { color: var(--text-muted); font-size: var(--text-sm); margin-top: var(--space-6); }