/* [project]/apps/web/app/developers/docs.css [app-client] (css) */
.docs-prose {
  color: var(--text-secondary);
  max-width: 46rem;
  font-size: .95rem;
  line-height: 1.7;
}

.docs-prose > * + * {
  margin-top: 1rem;
}

.docs-prose h1, .docs-prose h2, .docs-prose h3 {
  color: var(--text-primary);
  font-family: var(--font-display), sans-serif;
  text-wrap: balance;
  scroll-margin-top: 1.5rem;
  line-height: 1.25;
}

.docs-prose h1 {
  font-size: 2rem;
  font-weight: 700;
}

.docs-prose h2 {
  border-top: 1px solid var(--border);
  margin-top: 2.75rem;
  padding-top: 1.25rem;
  font-size: 1.35rem;
  font-weight: 650;
}

.docs-prose h3 {
  margin-top: 1.75rem;
  font-size: 1.05rem;
  font-weight: 650;
}

.docs-prose .docs-anchor {
  color: inherit;
  text-decoration: none;
}

.docs-prose .docs-anchor:hover:after {
  content: " #";
  color: var(--secondary-purple);
}

.docs-prose p > a, .docs-prose li > a, .docs-prose td > a {
  color: var(--cyan-accent);
  text-underline-offset: 2px;
  text-decoration: underline;
}

.docs-prose strong {
  color: var(--text-primary);
  font-weight: 600;
}

.docs-prose ul, .docs-prose ol {
  padding-left: 1.25rem;
}

.docs-prose ul {
  list-style: outside;
}

.docs-prose ol {
  list-style: decimal;
}

.docs-prose li + li {
  margin-top: .35rem;
}

.docs-prose code {
  font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, monospace;
  font-size: .85em;
}

.docs-prose :not(pre) > code {
  color: var(--text-primary);
  background: var(--surface-elevated);
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: .1em .35em;
}

.docs-prose pre {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: .9rem 1rem;
  line-height: 1.55;
  overflow-x: auto;
}

.docs-prose pre code {
  color: var(--text-primary);
}

.docs-prose table {
  border-collapse: collapse;
  font-size: .875rem;
  display: block;
  overflow-x: auto;
}

.docs-prose th, .docs-prose td {
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
  padding: .5rem .9rem .5rem 0;
}

.docs-prose th {
  color: var(--text-primary);
  font-weight: 600;
}