/*
 * Scan #34 (BZR-4EE27D03): the self-hosted font set doesn't include
 * Plus Jakarta Sans. Substituting Inter for the display variable on
 * this route preserves the visual hierarchy without adding another
 * third-party font dep.
 */
:root {
  --font-display: "Inter", sans-serif;
}

/*
 * /docs-info page utility classes.
 *
 * Scan #34 follow-up (BZR-F11AF955): every `style="..."` attribute that
 * used to live inside docs.html is now a CSS class here. Lets the route
 * drop `style-src 'unsafe-inline'` from its CSP — see DOCS_CSP in
 * server/_core/index.ts.
 *
 * styles.css ships the global marketing classes; this file is the
 * docs-only additions so we don't pollute the shared file with
 * single-use selectors.
 */

/* Inline-code chip with accent background. */
.docs-code-chip {
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 0.85rem;
  background: rgba(58, 180, 242, 0.08);
  padding: 2px 8px;
  border-radius: 6px;
}

/* Bold monospace text (used for emphasised endpoint or parameter names). */
.docs-mono-bold {
  color: var(--accent);
  font-family: var(--font-mono);
  font-weight: 600;
}

/* Plain monospace inline text. */
.docs-mono {
  color: var(--accent);
  font-family: var(--font-mono);
}

/* Small XS pill (used for "required" badges). */
.docs-pill-xs {
  font-size: 0.55rem;
  padding: 2px 8px;
}

/* Parameter list container — flat, no bullets, bottom-padded. */
.docs-params {
  list-style: none;
  margin-bottom: 24px;
}

/* Parameter row with a bottom border + inline flex layout. */
.docs-param-row {
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Plain parameter row (no flex, no gap) — used for description-only rows. */
.docs-param-row-simple {
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
}

/* Borderless padded row. */
.docs-row-pad {
  padding: 10px 0;
}

/* Inline list of detail bullets sitting under a heading. */
.docs-detail-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

/* HTTP-method pill next to a heading. */
.docs-method-inline {
  vertical-align: middle;
  margin-right: 10px;
}

/* Margin utilities only this page needed. */
.docs-ml-12 { margin-left: 12px; }
.docs-ml-8 { margin-left: 8px; }
.docs-mt-60 { margin-top: 60px; }